/*.site-wrapper-inner {
	background: url('../images/shutterstock_150725585-a.jpg') 50% 50%;
}*/

/*body {
	background: url('../images/shutterstock_150725585-a.jpg') 50% 25%;
}

body {
	background: url('../images/dna.png') 50% 0;
}*/

:root {
  --site-dropdown-indent-x-padding: 25px;
  --site-dropdown-header-weight: 700;
}


body {
    padding-top: 0px;
})

h1, .h1 {
	font-size: 24px;
	margin-bottom: 5px;
}

/* 508 compliance fixes */

a {
	text-decoration: none;
}

a, .link-color {
	color: #0071EB;
}

a:hover, a:active {
	text-decoration: underline;
}

a span.badge-light {
	color: #000;
}

.nav-tabs a.nav-link {
	color: #0063CC;
}

.navbar {
    margin-bottom: 0;
	padding: 0;
}

.clearfix {
	content: ""!important;
}

#___gcse_1 {
	margin: 10px 125px;
	width: 100%;
}

.navbar-inverse, .section-block {
    background-color: rgba(0, 0, 0, 0.7);
}

.navbar-white {
    background-color: #fff;
}

.navbar-white #navbar {
    padding-top: 10px;
}

.navbar-brand {
    padding: 0px;
    height: 70px;
}

#navbar .nav > li > a {
    margin: 8px 5px 0 5px;
    padding: 6px 12px;
}

.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-toggler {
	color: #fff;
}

#navbarCollapse #searchbar {
	background-color: #00305C;
}

#navbarCollapse a {
	color: #fff;
}

#navbarCollapse a:hover {
	text-decoration: underline; 
}

#navbarCollapse a.btn:hover {
	color: #000;
	text-decoration: none; 
}

#navbarCollapse .dropdown-menu {
	background-color: #00305C; 
}

#navbarCollapse .dropdown-menu a.dropdown-item {
	background-color: #00305C; 
}

#navbarCollapse a.dropdown-header {
 font-weight: var(--site-dropdown-header-weight);
}

#navbarCollapse a.dropdown-indent {
	padding-left:  var(--site-dropdown-indent-x-padding, 25px);
}

.btn-xs, .btn-group-xs > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}

.row-home-overlay {
	margin-top: -125px;
}

.row-home-card {
	border: 0;
	border-radius: 0;
}
.carousel-caption {
	top: 20px;
	color: #1C2E3C;
	text-align: left;
	left: 8%;
}

.carousel-caption h5 {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 2.5em arial;
	width: 50%;
}
.carousel-caption h5 span {
	background: #1C2E3C;
}

.carousel-caption ul li {
	font: bold 1.5em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: #1C2E3C;
	height: 30px;
	width: 30px;
	margin: 10px;
    background-image: unset;
    font-size: 26px;
}

.carousel-control-prev, .carousel-control-next {
	opacity: 0.7;
}

.carousel-control-prev-icon > svg {
	opacity: 0.7;	    
	margin-right: 1px;
}

.table#collection-protocols > tbody > tr > td{
    border-top: none;
}

#top-mb-nav {
	background: #fff;
	background: #00305C;
}

#text-size-change {
    float: right;
}

#text-size-change .btn {
	font-size: 11px;
	padding: 3px 12px;
}

#main-content .dropdown-menu{
    transform: translate3d(5px, 35px, 0px)!important;
}

#search-form .input-group-prepend {
	font-size: 12px;
	display: flex;
}

#subnavbar .dropdown-menu {
    z-index: 1200;
}

.modal-backdrop {
    z-index: 1071;
}

.modal {
    z-index: 1072;
}
.btn-success {
    /*background-color: #e2fcdb;
	background-color: rgba(67,191,67, 0.2);
	background-color: rgba(46,177,42, 0.2);
	background-color: #d5efd4;
	border-color: rgba(46,177,42, 1);
	border-color: rgba(145,208,80, 1);*/
    border-color: #A8C513;
    background-color: #E9EFD5;
    color: #000;
}

.img-rounded {
    border-radius: 10px;
}

.img-rounded2 {
    border-radius: 20px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #68A2D6;
}

.btn-danger {
    background-color: #ebe6da;
    border-color: #c2b48d;
    color: #000;
}

.btn-danger:hover {
    background-color: #aea27e;
    border-color: #ebe6da;
    color: #fff;
}

.btn-phenx-blue {
    background: #68A2D6;
    color: #fff;
    border-color: #527496;
}

.panel-body h4 {
    font-weight: bold;
}

.panel-body table h4 {
    font-weight: 500;
}

.btn-phenx-bl {
    background: #3E75A3;
	border-color: #84BDF3;
	color: #fff;
}

.btn-phenx-lg-blue, .btn-phenx-bl:hover, .btn-phenx-bl.current-similarity {
	background: #ddedfc;
    color: #000;
    border-color: #4B88BA;
}

.btn-phenx-lg-blue2 {
	background: #f0f8ff;
    color: #000;
    border-color: #4B88BA;
}

.btn-phenx-lg-blue:hover {
    background: #4B88BA;
	border-color: #84BDF3;
	color: #fff;
}

.btn-phenx-gr {
	background-color: #307e7a; /*aqua*/
	background-color: #307e53; /*green 1*/
	/*background-color: #347e30; green 2*/
	border-color: #6ea4a1;
	border-color: #6ea486;
}

.btn-phenx-gr-light {
	background-color: #c0d8cb; /*green 3*/
	border-color: #307e53;
	color: #000;
}

.btn-phenx-or, .btn-phenx-gr:hover {
	color: #000;
	background-color: #c0d8cb;
	border-color: #307e53;
}

.btn-phenx-or:hover {
	background-color: #307e53;
	border-color: #6ea486;
	color: #fff;
}

.h5-drk-bg {
	color: #fff;
	background: #68A2D6;
	font-weight: bold;
	margin-bottom: 0;
}

.dropdown-menu > li > a.btn-success {
    color: #000;
}

.anchor{ 
	display: block; 
	height: 200px;
	margin-top: -200px;
	visibility: hidden; 
} 

.div-hp-col {
	background: #f0f0f0;
}

/*.div-hp-col {
	background: #3c85b8;
}*/

.div-hp-col2 {
	background: #335166;
}

.div-hp-top {
	background: #fff url('/img/home-top-820.png') 0 50% no-repeat;
	height: 400px;
}

.div-hp-col a {
	color: #0071EB;
	line-height: 1.3em;
	display: inline-block;
	font-size: 100%;
}


#sidebar .card-header {
	padding: 6px 10px;
	font-size: 0.7em;
}

#sidebar .card-body {
	padding: 0.1em 0 0 0;
}

#sidebar .list-group-item {
	padding: 0.25rem 0.5rem;
	font-size: 0.9rem;
}

#card-right-content .card-body {
	padding: 0.3em 0 0 0;
}

#card-right-content .nav-tabs {
	padding: 0 0.4em;
}

#card-right-content .card-body-tabs {
	background: #e8e8e8;
}

#card-right-content .card-body-tabs .tab-content {
	background: #fff;
}

div.div-intro {
	/*background: url('/img/october/intro_p.jpg') 50% 20%;*/
	background: url('/img/october/intro_side.png') no-repeat 100% 100%;
	margin: 0;
}

div.div-intro h2 {
	font-size: 2.8em;
	/*font-style: italic;*/
	font-weight: 600;
	color: #144a79;
}

div.div-intro p {
	font-size: 1.5em;
}

div.div-intro button {
	background: #4B88BA;
    border-color: #84BDF3;
    color: #fff;
}

.carousel-caption {
	top: 0px;
	color: #1C2E3C;
	text-align: left;
	left: 8%;
}

.carousel-caption h5 {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 2em arial;
	width: 50%;
}

.carousel-caption h5.larger {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 2em arial;
	width: 80%;
}
.carousel-caption h5 span {
	background: #1C2E3C;
}

.carousel-caption ul li {
	font: bold 1.4em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-caption ul.medium li {
	font: bold 1.4em arial;
	width: 50%;
	margin: 10px 0;
}

.carousel-caption ul.smaller li {
	font: bold 1.4em arial;
	width: 40%;
	margin: 10px 0;
}


.carousel-control-prev-icon, .carousel-control-next-icon {
	background-color: #1C2E3C;
	height: 30px;
	width: 30px;
	border-radius: 15px;
}

.carousel-control-prev {
	justify-content: flex-start;
	opacity: 0.7;
}

.carousel-control-next {
	justify-content: flex-end;
	opacity: 0.7;
}

#carouselNewCollections .carousel-caption {		
	top: 0;		
	color: #fff;		
	text-align: center;		
	left: 0;		
	padding: 0;		
	right: 0;		
}		
#carouselNewCollections .carousel-caption h5 {		
	line-height: 80px;		
    color: #fff;		
    width: 100%;		
    display: block;		
    font-style: normal;		
    font-weight: normal;		
    font-size: 1.83em;		
}		
#carouselNewCollections a .carousel-caption h5 {		
    color: #fff;		
}		
#carouselNewCollections a:hover .carousel-caption h5 {		
    text-decoration: underline;		
}

#carouselNewCollections .carousel-caption.dark  h5 {		
    color: #00305C;		
}		
#carouselNewCollections a .carousel-caption.dark  h5 {		
    color: #00305C;		
}	

footer.footer-dark {
	background-color: #21639d;
	color: #fff;
}

footer.footer-dark a {
	color: #fff;
}

.alert-default {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #000;
}

.full-width-button {
    width: 100%;
}

#main-content #input-search.full-width-button {
    width: 100%;
}

.full-width-options {
    width: 100%;
    padding: 10px;
}

.display-none {
	display: none;
}

legend.legend-1rem {
	font-size: 1rem;
}

small.half-width, small.half-width p {
	max-width: 600px;
}

#link-to-old {
	background: #f9f9d9;
}

#link-to-old p {
	margin: 5px 0;
}

#toolbar {
	padding-top: 20px;
    background-color: #00305C;
    border-color: #e6e6e6;
    border-left: 0px;
    border-right: 0px;
	font-size: 0.9em;
}

#toolbar .form-control,
#toolbar .input-group-text {
	font-size: 0.9em;
}

    #toolbar a {
        color: #fff;
    }
    
    #toolbar a.dropdown-item, #toolbar #link-to-old a, #toolbar #page-header a, #toolbar .dropdown-header  {
        color: #000;
    }
	
	 #toolbar a.dropdown-header {
		 font-weight: var(--site-dropdown-header-weight);
	 }
	 
	#toolbar a.dropdown-indent {
		padding-left:  var(--site-dropdown-indent-x-padding, 25px);
	 }

    #toolbar .navbar-nav > .open > a,
    #toolbar .navbar-nav > .open > a:focus,
    #toolbar .navbar-nav > .open > a:hover,
    #toolbar a:focus,
    #toolbar a:hover {
        color: #fff;
        background-color: #327AB8;
    }

    #toolbar #page-header a:focus,
    #toolbar #page-header a:hover {
        background-color: transparent;
        color: #000;
    }

        #toolbar .navbar-nav > .active > a, #toolbar .navbar-nav > .active > a:focus, #toolbar .navbar-nav > .active > a:hover {
            /*background-color: #5bc0de;
	background-color:#b3d6f9;*/
            background-color: rgba(4,100,187, 0.3);
            font-weight: bold;
        }

#searchbar {
    /* background-color: rgba(4,100,187, 0.6);margin-top: 120px;
    background-color: #68A2D6;*/
	background-color: #327AB8;
    border-color: #4c90d3;
    border: 0;
    margin-top: 0px;
    border-radius: 0;
}

    #searchbar .navbar-nav > .active > a, #searchbar .navbar-nav > .active > a:focus, searchbar .navbar-nav > .active > a:hover {
        /*background-color: #5bc0de;*/
        background-color: #4c90d3;
    }

#searchbar #search-form {
	margin: 10px 50px;
	width: 100%;
}

#searchbar .form-group {
	margin-bottom: 0;
}

#input-group--advanced {
	font-size: 16px;
	margin-left: 12px;
	padding: 5px; 
}

#subnavbar {
}

#btn-login, #btn-toolkit {
    margin-left: 10px;
}

#text-size-change .btn-outline-dark {
	background: #f8f9fa;
}

#text-size-change .btn-outline-dark:hover,
#text-size-change .btn-outline-dark:focus {
	background: #e6e6e6;
	color: #343a40;
}

#col-carousel, #col-pd {
	width: 880px;
	position: relative;
	margin-right: 10px;
}

#col-buttons, #col-cc {
	width: 250px;
	position: relative;
}

.nav-tabs > li.dl-tab > a {
    background: #83c683;
    border-radius: 4px 4px 0 0;
    color: #fff;
    border-color: #ddd #ddd transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dl-tab > a, .with-nav-tabs.panel-default .nav-tabs > li.dl-tab > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dl-tab > a:focus {
    border-radius: 4px 4px 0 0;
    color: #fff;
    border-color: #ddd #ddd transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dl-tab.active > a, .with-nav-tabs.panel-default .nav-tabs > li.dl-tab.active > a:hover, .with-nav-tabs.panel-default .nav-tabs > li.dl-tab.active > a:focus {
    color: #83c683;
}

.section-block {
    padding-top: 10px;
    border: 1px solid #080808;
    margin: 5px;
    margin-top: 25px;
    width: 32%;
}

.section-block2 {
    background-color: rgba(255,112,56, 0.7);
    padding-top: 10px;
    border: 1px solid #080808;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
    color: #fff;
}

.masthead, .mastfoot, .cover-container {
    width: 900px;
}

.lead {
    font-size: 18px;
}

.p-more {
    background-color: #eaf8ff;
}

/*.p-more:after, .full-instructions:after {
  position: absolute;
  bottom: 75px;  
  height: 30px;
  width: 100%;
  content: "";
  background: linear-gradient(to top,
     rgba(255,255,255, 1) 20%, 
     rgba(255,255,255, 0) 80%
  );
  pointer-events: none;
}*/

.badge-warning {
    background-color: #8a6d3b;
}

.padding-25 {
    padding-top: 25px;
}

.img-border {
    border: 3px solid #eee;
}

.fade-grad {
    position: relative;
    top: 50px;
    height: 50px;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgba(255,255,255, 1) 20%, rgba(255,255,255, 0) 80% );
    //z-index: 100;
    pointer-events: none; /* so the text is still selectable */
}

.grad-blue-green {
  background-image: linear-gradient(to right, rgba(0,48,92, 1), rgba(48,126,83, 1));
}

#home .card {
	border-color: #3E75A3;
	background-color: #ddedfc;
}

#page-header {
    padding-top: 2px;
    background: #fafafa;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    min-height: 20px;
    border-radius:0;
    /*margin-top: 196px;*/
}

#page-header p {
    font-size: 11px;
}
    #page-header h1, #page-header h4, #page-header h3, #page-header h3 small {
        color: #193047;
    }

    #page-header .container {
        padding-top: 1px;
    }

#content-section {
    background: #fff;
    min-height: 100vh;
	padding-top: 170px;
}

.blockquote-small {
	font-size: 1em;
}

body {
	background: #21639d;
}

body#home #content-section {
    background-color: #f7faff;
    min-height: 90vh;
	padding-top: 150px;
}

.btn-yellow {
    /*background-color: #fcdb0a;
	background-color: #FEE109;
	background-color: #fde200;*/
    background-color: #F5C000;
    /*border-color: #ffb600;*/
    border-color: #F2B800;
}

.banner-panel {
	width: 370px;
	width: 100%;
	height: 131px;
	height: 33.33%;
	line-height: 131px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 2em;
}

.banner-panel a, .banner-panel2 a {
	color: #fff;
	text-decoration: none;
}

.banner-panel-rd {
	background: #21639d url('/img/october/domains_900.png') 50% 50% no-repeat;
}

.banner-panel-t {
	background: #307e53 url('/img/october/tree_860.jpg') 50% 50% no-repeat;
}

.banner-panel-lys {
	background: #144a79 url('/img/october/lys_860.png') 50% 50% no-repeat;
}

.banner-panel2 {
	width: 100%;
	height: 100px;
	/*line-height: 100px;*/
	margin: 0;
	padding: 32px 20px 0 35%;
	color: #fff;
	font-size: 1.6em;
	text-align: left;
}

.banner-panel2-tkg {
	background: #21639d url('/img/october/tkguide_820.jpg') 20% 0 no-repeat;
}

.banner-panel2-hcp {
	background: #144a79 url('/img/october/hcp_820.jpg') 20% 0 no-repeat;
}

.w-20 {
	width: 20%;
}

.w-16 {
	width: 16.666666%;
}

.btn-search {
    background-color: #ebf4fd;
    border-color: #ced4da;
    color: #0E5190;
}

.btn-letter {
    background: #f9f9f9;
    border-color: #979797;
}

/*.top-search {
    border-color: #1881E1;
}*/

.table#related-protocols > tbody > tr > td, .table#related-protocols > tbody > tr > th, .table#related-protocols > tfoot > tr > td, .table#related-protocols > tfoot > tr > th, .table#related-protocols > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

/*#top-search-bar {
    width: 100%;
}*/

p.stupid {
    margin: 10px;
}

h4 .badge {
    font-size: 14px;
}

.alert-results {
    border-color: #68A2D6;
    background: #ebf3f9;
    color: #000;
}

.b-bottom {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.div-scroll {
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
}

.modal-scroll {
    height: 350px;
    overflow: scroll;
    overflow-x: hidden;
}

p.letter-nav a {
    background: #F9F9F9;
    padding: 8px 9px;
    margin: 0 3px;
    color: #333;
    border: 1px solid #979797;
    border-radius: 2px;
}

.alert-danger {
    background-color: #ebe6da;
    border-color: #c2b48d;
    color: #000;
}

hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

table#myTable tbody th, table#myTable tbody td, 
table#myTable2 tbody th, table#myTable2 tbody td {
	padding: 5px 10px 0 10px;
}

table#myTable thead th {
	border-top: 0;
}

table#myTable td div.checkbox, table#myTable2 td div.checkbox {
	padding-top: 7px;
}

table#myTable2 tr td:first {
	width: 25px;
}

div.toolbar a.active {
	background: #327AB8;
	color: #fff;
}

div.lystoolbar {
	float: left;
}

/*.panel-group .panel {
	border-radius: 0px;
	box-shadow: none;
}

.panel-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#side-nav .panel {
	border-width: 0;
}
#side-nav .panel-default > .panel-heading {
	background: none;
	border-bottom: 1px solid #ddd;
}*/
.fa-ul {
    padding-top: 15px;
}

    .fa-ul .fa-ul {
        padding-top: 0;
    }

.tab-content {
    padding: 10px;
}

#protocol-measures > tbody > tr > td {
    vertical-align: middle;
}

th.table-head-variable-name {
    width: 150px;
}

td.table-row-variable-name {
    background-color: #f2f3f5;
}

.site-wrapper #top-search-bar {
    margin-left: 0px;
}

#input-search {
    width: 250px;
}

#main-content #input-search {
    width: 475px;
}

#main-content .col-md-10 #input-search {
    width: 250px;
}

div.top-v3 {
	background: url('/images/newDesign/dna_bg3.jpg') 50% -300px no-repeat;
	margin: 0px;
	border-bottom: 1px solid #e6e6e6;
}

.main-content-v3 {
	margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.content-measures {
    border: 1px solid #ddd;
    padding-top: 10px;
    background: #fff;
    color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.top-margin {
    margin-top: 25px;
}

/*.full-menu {
	min-width: 100%;
	position: absolute;
	top: 50px;
	left: 0px;
}*/
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: rgba(49, 106, 175, 1);
}

#navbar {
    z-index: 1200;
}

.full-width.dropdown {
    position: static;
}

    .full-width.dropdown > .dropdown-menu {
        left: 0;
        right: 0;
        position: absolute;
        border-radius: 0;
        background-color: rgba(49, 106, 175, 0.9);
        color: #fff;
        padding-bottom: 25px;
    }

        .full-width.dropdown > .dropdown-menu > li > a {
            white-space: normal;
        }

.wider {
    padding: 10px 20px;
    width: 250px;
}

.sidebar-list {
    padding: 10px 0 5px 10px;
}

.sidebar-panel {
    margin-bottom: 25px;
}

.margin-bt-10 {
    margin-bottom: 10px;
}

.margin-bt-20 {
    margin-bottom: 20px;
}

.padding-bt-20 {
    padding-bottom: 20px;
}

.margin-top-20 {
    margin-top: 20px;
}

table.table .row {
    margin-left: 0;
    margin-right: 0;
}

.mb-only {
    display: none;
}

span.bigp {
    font-size: 18px;
}

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

.label-phenx, .btn-phenx {
    background-color: #c9a272;
    color: #fff;
}

.side-filters {
	padding-left: 10px;
}

.side-filters li {
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 0.7em;
}

.side-filters p {
    margin-bottom: 2px!important;
    margin-top: 2px;
    font-size: 0.7em;
}

h5.panel-title {
    font-size: 12px;
}

#myTable h5 {
	margin-top: 6px;
	margin-bottom: 6px;
}

#sidebar .panel {
    box-shadow: none;
}

.panel-default > .panel-heading {
    background-color: #e8e8e8;
}

.panel {
    background-color: #f9f9f9;
}

.panel-heading {
    padding: 6px 10px;
}

#search-section {
    background-color: #d9e7f4;
    padding: 10px 20px;
}

    #search-section .form-inline .radio {
        margin-right: 20px;
    }

#search-tools {
    margin-top: 45px;
}

.margin-top-10 {
    margin-top: 10px;
}

.btn-primary {
    background-color: #4c90d3;
}

.btn-filter {
    background-color: #e8e8e8;
}

.inactive {
    border-radius: 4px 4px 0 0;
    color: #fff;
}

.nav-tabs > li.inactive > a {
    /*border-color: #4cae4c #4cae4c transparent;
	border-style: solid;
    border-width: 1px;*/
    color: #4cae4c;
}

li.active a {
    color: #4cae4c;
}

.nav-pills > li {
    border: 1px solid #eee;
    font-size: 12px;
}

    .nav-pills > li > a {
        border-radius: 0;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        background-color: #8DBBE8;
    }

    .nav-pills > li.active {
        border-color: transparent;
    }

        .nav-pills > li.active > a::before {
            border-color: transparent #8DBBE8;
            border-style: solid;
            border-width: 19px 0 19px 19.5px;
            bottom: 97%;
            content: "";
            display: block;
            left: 100%;
            position: absolute;
            top: 0;
            width: 0;
        }

.panel.with-nav-tabs {
    background: #fff;
}

    .panel.with-nav-tabs .panel-heading {
        padding: 5px 5px 0 5px;
    }

    .panel.with-nav-tabs .nav-tabs {
        border-bottom: none;
    }

    .panel.with-nav-tabs .nav-justified {
        margin-bottom: -1px;
    }
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}

    .with-nav-tabs.panel-default .nav-tabs > .open > a,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
        color: #777;
        background-color: #ddd;
        border-color: transparent;
    }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #777;
    }

        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ddd;
        }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #555;
    }

.btn-success.btn-inverse, .navbar-nav > li > a.btn-success.btn-inverse {
    background-color: #fff;
    color: #4cae4c;
}

.navbar-nav > li > a.btn-success.focus, .navbar-nav > li > a.btn-success:focus {
    background-color: #449d44;
    border-color: #255625;
    color: #fff;
}

.navbar-nav > li > a.btn-success:hover {
    background-color: #398439;
    border-color: #398439;
    color: #fff;
}

.btn-danger.btn-inverse {
    background-color: #fff;
    color: #d43f3a;
}

.toolbar {
    padding: 6px 10px 6px 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-left: 0px;
    margin-right: 0px;
}

.panel.with-nav-tabs .panel-group .panel-heading {
    padding: 10px 15px;
}

#page-header p {
	margin-bottom: 6px;
}

.btn-collab {
    margin-top: 20px;
}

.toolbar-right {
    float: right;
}

.desktop-only {
    display: block;
}

.phone-only, .nav > li.phone-only {
    display: none;
}

.no-gaps {
	padding: 0px;
}

.toolkit-right-btn {
    border-left: 1px solid #ddd;
    float: left;
    padding-left: 15px;
}
.toolkit-item-left {
    float: left;
}
.toolkit-item-right {
    float: right;
}

.dropdown-menu.dd-cart > li > a {
	clear: none;
    display: inline;
	padding: 0;
    white-space: normal;
}

#spinner {
	background: #fff;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
}

#spinner p {
	padding-top: 20%;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

#desktop-user-btns {
	float: right;
}

div.intro-text {
	background: #ebf3fa;
	margin-top: 15px;
	margin-bottom: 15px;
}

div.intro-text-v3 {
	margin: 15px 0;
}

div.intro-text h4, div.intro-text-v3 h4 {
	line-height: 1.3;
	margin: 15px 0;
}

h2.intro-title {
	font-weight: 700;
	text-transform: uppercase;
}

div.intro-panel {
	background: #f7f7f7;
	border: 1px solid #e6e6e6;
	padding-top: 50px;
}

div.intro-panel-v3 {
	background: #f7f7f7;
	border: 1px solid #e6e6e6;
}

div.intro-panel-v5 {
	background: #fff;
	border: 1px solid #e6e6e6;
}

div.intro-panel-v7 {
	background: #fff;
	border: 1px solid #e6e6e6;
	padding-top: 50px;
}

div.intro-icons, div.intro-icons-v2 {
	margin-top: 60px;
}

p.intro-panel-img {
	top: -50px;
	position: absolute;
	left: 30%;
}

p.intro-panel-img-v2 {
	top: -50px;
	position: absolute;
	left: 30%;
	border: 1px solid #e6e6e6;
}

p.intro-panel-text {
	background: #999;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 5px;
}

p.intro-panel-text-v7 {
	background: #f7f7f7;
	margin: 20px 0 0 0;
	padding: 5px 10px;
	font-size: 12px;
}

p.intro-panel-text-v3 {
	background-color: rgba(73, 73, 73, 0.6);
	color: #fff;
	margin: 113px 0 0 0;
	padding: 5px;
}

p.intro-panel-text-v5 {
	margin: 0 15px 10px 15px;
	font-size: 12px;
}

p.intro-panel-text-v6 {
	background: #eee;
	margin: 0;
	padding: 10px 15px;
	font-size: 12px;
}

a.intro-link {
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

a.intro-link-v5 {
	height: 120px;
}

div#tab5content table,
div#tab3content table, 
div#tab1content table,
table#sc-ap {
	/*table-layout: fixed;*/
	word-wrap: break-word;
}

div#tab1content table#myTable, 
table#myTable2 {
	table-layout: auto;
	word-wrap: normal;
}

div#tab5content table tbody tr td:first-child {
	white-space: normal;
}

div#tab1content table tbody tr td, 
div#tab3content table tbody tr td {
	white-space: normal;
}

.noleftpadding {
   padding-left: 0 !important;
   margin: 0 !important;
}

.norightpadding {
   padding-right: 0 !important;
   margin: 0 !important;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    padding-top: 200px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
}


.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	background-color: transparent;
	border: 0px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* overwrite default form style*/
#myTable th.th-hide {
	display: none;
}
label {
    display: inline;
    width: 20%;
    float: left;
}
.phone-only label {
	width: auto;
    float: none;
}
.dataTables_filter label {
	display: inline-block;
	width: auto;
	float: none;
}

form#search-form label {
    margin-bottom: 0;
}

table label {
	display: inline-block;
}

.odd, .even {
	border-color: lightgray;
}

div.div-search-filters label, ul.side-filters label, ul.dropdown-menu label, td label, fieldset.side-filters label, #sidebar h6 label, div#modal-view-filters label {
	float: none;
	width: auto;
}
input, textarea {
    clear: none;
}
form div.submit {
    clear: none;
    display: inline;
}

.min-height {
		min-height: 500px;
	}

/* Styles for toggling truncated text in Protocols-> Variables table */
.hide-content {
    display: none;
}

.carousel-caption ul li {
	font: bold 1.25em arial;
	width: 70%;
	margin: 10px 0;
}

ul.pagination li {
	list-style: none;
	border: 1px solid #f2f2f2;
	padding: 1em;
}


@media (max-width: 1200px) {
.carousel-caption ul.medium li {
	font: bold 1.25em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-caption ul.smaller li {
	font: bold 1.25em arial;
	width: 50%;
	margin: 10px 0;
}
}

/* tablet */
@media (max-width: 992px) {
	.desktop-only {
		display: none;
	}
        
	#content-section {
		padding-top: 85px;
	}
        
	body#home #content-section {
		padding-top: 75px;
	}
        
	.phone-only, .nav > li.phone-only {
		display: block;
	}
        
	#searchbar {
		background-color: #fff;
		margin-top: 0;
	}
        
        
    #searchbar #search-form {
        margin: 15px auto;
    }
    .navbar-brand img {
        height: 75%;
        margin-top: 10px;
    }
    .toolkit-right-btn {
        border-left: 0;
        float: left;
        padding-left: 0;
        padding-top: 10px;
    }
    .toolkit-item-left, .toolkit-item-right {
        float: none;
    }
	
	.carousel-caption {
	top: 0px;
	padding-top: 10px;
	color: #1C2E3C;
	text-align: left;
	left: 6%;
}

.carousel-caption h5 {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 1.3em arial;
	width: 60%;
}

.carousel-caption h5.larger {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 1.4em arial;
	width: 90%;
}
.carousel-caption h5 span {
	background: #1C2E3C;
}

.carousel-caption ul li {
	font: bold 0.9em arial;
	width: 70%;
	margin: 10px 0;
}

.carousel-caption ul.medium li {
	font: bold 0.9em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-caption ul.smaller li {
	font: bold 0.9em arial;
	width: 50%;
	margin: 10px 0;
	font-size: 120%;
}

#carouselNewCollections .carousel-caption h5 {		
	line-height: 40px;		
    color: #fff;		
    width: 100%;		
    display: block;		
    font-size: 1.0em;		
    font-style: normal;		
    font-weight: normal;		
}
}

@media (max-width: 991px) {
	.banner-panel2 {
		width: 100%;
	}
	
	#div-covid p, #div-sdoh p, #div-needs p, #div-covid-bl p, #div-ashg p {
		font-size: 1.2em;
	}
}
@media (max-width: 768px) {
        .desktop-only {
            display: none;
        }
		
		.min-height {
			min-height: auto;
		}	
		
		.banner-panel2 {
			width: 100%;
		}
		
		#div-covid p, #div-sdoh p, #div-needs p, #div-covid-bl p, #div-ashg p {
			font-size: 1.2em;
		}

        .navbar-white {
            border-bottom: 1px solid #ccc;
        }
        
        #page-header {
            margin-top: 0px;
        }

        .phone-only, .nav > li.phone-only {
            display: block;
        }

        #content-section {
            padding-top: 85px;
        }

        .toolbar-right {
            float: none;
            padding-top: 10px;
        }
        
        .navbar-brand img {
            height: 50%;
            margin-top: 20px;
        }

        #searchbar {
            background-color: #fff;
            margin-top: 0;
        }

            #searchbar #search-form {
                margin: 15px auto;
            }

        body#home #content-section {
            padding-top: 75px;
        }
		
		div#tab2content table {
			table-layout: fixed;
			word-wrap: break-word;
		}
		
		.noleftpadding {
		   padding-left: 15px !important;
		   margin: 0 !important;
		}

		.norightpadding {
		   padding-right: 15px !important;
		   margin: 0 !important;
		}
		
		
		.carousel-caption {
	top: 0px;
	padding-top: 10px;
	color: #1C2E3C;
	text-align: left;
	left: 5%;
}

.carousel-caption h5 {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 1.0em arial;
	width: 60%;
}

.carousel-caption h5.larger {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 1.0em arial;
	width: 90%;
}
.carousel-caption h5 span {
	background: #1C2E3C;
}

.carousel-caption ul li {
	font: bold 0.7em arial;
	width: 70%;
	margin: 10px 0;
}

.carousel-caption ul.medium li {
	font: bold 0.7em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-caption ul.smaller li {
	font: bold 0.7em arial;
	width: 50%;
	margin: 10px 0;
	font-size: 120%;
}

#carouselNewCollections .carousel-caption h5 {		
	line-height: 30px;		
    color: #fff;		
    width: 100%;		
    display: block;		
    font-size: 0.8em;		
    font-style: normal;		
    font-weight: normal;		
}
}



@media (max-width: 640px) {
    .table.tablesaw > thead > tr > th, .table.tablesaw > tbody > tr > th, .table.tablesaw > tfoot > tr > th, .table.tablesaw > thead > tr > td, .table.tablesaw > tbody > tr > td, .table.tablesaw > tfoot > tr > td {
        border-top: 0px;
    }
	
	.carousel-caption {
	top: 0px;
	padding-top: 10px;
	color: #1C2E3C;
	text-align: left;
	left: 5%;
}

.carousel-caption h5 {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 0.9em arial;
	width: 60%;
}

.carousel-caption h5.larger {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 0.9em arial;
	width: 90%;
}
.carousel-caption h5 span {
	background: #1C2E3C;
}

.carousel-caption ul li {
	font: bold 0.8em arial;
	width: 70%;
	margin: 10px 0;
}

.carousel-caption ul.medium li {
	font: bold 0.8em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-caption ul.smaller li {
	font: bold 0.8em arial;
	width: 50%;
	margin: 10px 0;
}

#carouselNewCollections .carousel-caption h5 {		
	line-height: 20px;		
    color: #fff;		
    width: 100%;		
    display: block;		
    font-size: 0.8em;		
    font-style: normal;		
    font-weight: normal;		
}
}
    /*phone*/
    @media (max-width: 480px) {
        #top-search-bar {
            margin-left: 5px;
        }

        #input-search {
            width: 200px;
        }

        #top-search-dropdown-btn, #top-search-submit-btn {
            display: none;
        }

        .desktop-only {
            display: none;
        }

        h1 {
            font-size: 24px;
			margin-bottom: 5px;
        }

        .lead {
            font-size: 14px;
        }

        .section-block {
            width: 30%;
            height: 128px;
        }
		
.carousel-caption {
	top: 0px;
	padding-top: 10px;
	color: #1C2E3C;
	text-align: left;
	left: 5%;
}

.carousel-caption h5 {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 0.9em arial;
	width: 60%;
}

.carousel-caption h5.larger {
	/*background: rgba(255,255,255,0.5);*/
	font: bold italic 0.9em arial;
	width: 90%;
}
.carousel-caption h5 span {
	background: #1C2E3C;
}

.carousel-caption ul li {
	font: bold 0.8em arial;
	width: 70%;
	margin: 10px 0;
}

.carousel-caption ul.medium li {
	font: bold 0.8em arial;
	width: 60%;
	margin: 10px 0;
}

.carousel-caption ul.smaller li {
	font: bold 0.8em arial;
	width: 50%;
	margin: 10px 0;
}

#carouselNewCollections .carousel-caption h5 {		
	line-height: 20px;		
    color: #fff;		
    width: 100%;		
    display: block;		
    font-size: 0.8em;		
    font-style: normal;		
    font-weight: normal;		
}
    }
	
	

div#div-cookie {
	z-index: 300;
	position: fixed;
	bottom: 0;
	width: 100%;
	/*background: rgba(42, 112, 175,0.9);*/
	background-color: #327AB8;
	color: #fff;
}

div#div-cookie .close {
	color: #fff;
}

div#div-cookie p {
	padding: 30px 15px 15px;
}

div#div-cookie p a {
	color: #fff;
	text-decoration: underline;
}

@media (min-width: 0) {
  .d-xs-block {
    display: block !important;
  }
}

.rotate-90 {
  /*transform-origin: 0 0;*/
    text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 1.5em;

}

.rotate-90 p {
	  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	margin-bottom: -5em;
	width: 20px;
	height: 200px;
	margin-left: 5.2em;
	margin-right: -6em;
	margin-top: 2em;
}

.thead-light {
    font-weight: 800;
    background: #e9ecef;
}

#toolbar a.top-nav-highlight, 
#top-mb-nav a.top-nav-highlight {
	background: #307e53;
}
#toolbar a.top-nav-highlight:focus,
#toolbar a.top-nav-highlight:hover {
	color: #000;
	background-color: #c0d8cb;
}

/* special */

#div-covid {
	/*background: #161616 url('/img/covid_bg_grey.jpg') 0 50% no-repeat;*/
	/*background: #cf6200 url('/img/covid_banner2.jpg') 0 50% no-repeat;*/
	/*background: #072241 url('/img/covid_bg3.jpg') 0 50% no-repeat;*/
	background: #1c1c1c url('/img/long_covid_banner.jpg') 0 50% no-repeat;
	/*background: #562ea0 url('/img/covid_bg_purple.jpg') 0 50% no-repeat;*/
	height: 80px;
	color: #fff;
}

#div-covid-bl {
	/*background: #161616 url('/img/covid_bg_grey.jpg') 0 50% no-repeat;*/
	background: #3f6187 url('/img/virus_banner_blue.jpg') 0 50% no-repeat;
	/*background: #072241 url('/img/covid_bg3.jpg') 0 50% no-repeat;*/
	/*background: #562ea0 url('/img/covid_bg_purple.jpg') 0 50% no-repeat;*/
	height: 80px;
	color: #fff;
}

#div-sdoh {
	background: #0e0c08 url('/img/sdoh2022_bannerv2.png') 0 50% no-repeat;
	height: 80px;
	color: #fff;
}
#div-scdp, #div-bssr {
	background: #0e0c08 url('/img/banner/sickle_cell.jpg') 0 50% no-repeat;
	height: 80px;
	color: #fff;
}
#div-mcpr {
	background: #0e0c08 url('/img/banner/redcap_protocols.jpg') 0 50% no-repeat;
	height: 80px;
	color: #fff;
}
#div-ashg {
	background: #0c0c08 url('/img/ashg/ashg2022_banner.png') 0% 50% no-repeat;
	height: 80px;
	color: #fff;
}

#div-focus {
	background: #0c0c08 url('/img/banner/light_connection.jpg') 0% 50% no-repeat;
	height: 80px;
	color: #fff;
}

#div-sur {
	background: #0c0c08 url('/img/banner/substance_use_recovery.jpg') 0% 50% no-repeat;
	height: 80px;
	color: #fff;
}

#div-covid p, #div-sdoh p, #div-needs p, #div-covid-bl p, #div-ashg p {
	line-height: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.9em;
	width: 100%;
}

/*#div-covid-bl p {
	font-size: 1.2em;
}*/
#div-covid a, #div-covid-bl a, #div-ashg a, #div-sdoh a {
	line-height: 80px;
	color: #fff;
	width: 100%;
	display: block;
}

#div-needs a {
	line-height: 80px;
	color: #fff;
	color: #000;
	display: block;
}

.cursor-pointer {
	cursor: pointer;
}

.bsc-sub-icon {
	width: 167px;
	height: 200px;
}

@media (max-width: 991px) {
	.banner-panel2 {
		width: 100%;
	}
	
	#div-covid p, #div-sdoh p, #div-needs p, #div-covid-bl p, #div-ashg p {
		font-size: 1.0em;
	}
}

/*div.full-protocol table tbody, 
div.full-protocol table td, 
div.full-protocol table tfoot, 
div.full-protocol table th, 
div.full-protocol table thead, 
div.full-protocol table tr {
	border-width: 1px;
}*/

table.table-protocol-text-border, .table-protocol-text-border td {
	border: 1px solid black;
	border-collapse: collapse;
}

        @media print {
           .noprint {
              visibility: hidden;
           }
        }
		
.carousel-indicators [data-bs-target] {
	font-size: 0px;
}

.mobile-banner-container p{
	text-align: center;
	margin: 30px 100px;
}

.phone-only .mobile-banner-container p{
	text-align: center;
	margin: 30px 20px;
}

.mobile-banner-link {
	color:#00305C;
	background-color: #fff;
	border: 1px solid #00305C;
	padding: 5px;
}

.mobile-banner-link-dark {
	color: #fff;
	background-color: #00305C;
	border: 1px solid #fff;
	padding: 5px;
}