:root {
  --theme-Red: #bc1f52;
  --theme-Blue: #0f4876;
  --theme-Dk-Blue: #0b395e;
  --theme-Gold: #fec524;
  --theme-Lt-Grey: #f0f3f5;
  --theme-Med-Grey: #dbe2e9;
  --theme-Dk-Grey: #353f43;
  --page: #f6f6f6;
  --default: #333333;
  --primary: #0099FF;
  --normal: #353f43;
  --links: #0275d8;
  --muted: #636c72;
  --success: #5cb85c;
  --info: #5bc0de;
  --warning: #ff8500;
  --danger: #d9534f; }



.spin_div {
	background: #000 url("../img/spinner.gif") no-repeat center center !important;
	opacity: 0.50;
	z-index: 99999 !important;
}







.tt-dataset
{
	max-height:200px;
	overflow-y:auto;
}



.typeahead,
.tt-query,
.tt-hint {
  width: 294px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.tt-hint {
  color: #999;
  display: none !important;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 320px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}









			@import url("https://p.typekit.net/p.css?s=1&k=cly4hfl&ht=tk&f=24537.24538.24539.24540.24545.24546.24547.24548.24549.24552&a=3162061&app=typekit&e=css");

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
				font-display: auto;
				font-style: normal;
				font-weight: 900;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/7b947d/00000000000000007735a14b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"), url("https://use.typekit.net/af/7b947d/00000000000000007735a14b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"), url("https://use.typekit.net/af/7b947d/00000000000000007735a14b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
				font-display: auto;
				font-style: italic;
				font-weight: 900;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
				font-display: auto;
				font-style: normal;
				font-weight: 700;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
				font-display: auto;
				font-style: italic;
				font-weight: 700;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/4abf65/00000000000000007735a15d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/4abf65/00000000000000007735a15d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/4abf65/00000000000000007735a15d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
				font-display: auto;
				font-style: normal;
				font-weight: 500;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/af2180/00000000000000007735a160/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/af2180/00000000000000007735a160/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/af2180/00000000000000007735a160/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype");
				font-display: auto;
				font-style: italic;
				font-weight: 500;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
				font-display: auto;
				font-style: normal;
				font-weight: 400;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
				font-display: auto;
				font-style: italic;
				font-weight: 400;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
				font-display: auto;
				font-style: normal;
				font-weight: 600;
				font-stretch: normal;
			}

			@font-face {
				font-family: "sofia-pro";
				src: url("https://use.typekit.net/af/4b1947/00000000000000007735a16d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/4b1947/00000000000000007735a16d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/4b1947/00000000000000007735a16d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
				font-display: auto;
				font-style: italic;
				font-weight: 600;
				font-stretch: normal;
			}

			.tk-sofia-pro {
				font-family: "sofia-pro", sans-serif;
			}

			body.bdp-body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}


			#bdp-content{
				width: 100%;
			}

			#bdp-header {
				padding: 24px;
				position: sticky;
				top: 0px;
				z-index: 1;
				background-color: #ffffff;
				box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);

			}

			#bdp-header h2 {
				font-size: 26px;
			}

			#bdp-container #bdp-content #tagline{
				text-align: right;
  				padding: 0px 24px;
			}

			.row{
				--bsgutter-x: 0px;
			}

			#bdp-search {
				padding: 24px;
				display: flex;
				flex-direction: column;
				gap: 16px;
				margin: 0px;
			}

			#bdp-search select,
			#bdp-search input[type="text"] {
				width: 100%;
			}

			#bdp-search .btn-group {
				width: 100%;
			}

			#bdp-results {
				padding: 24px;
			}

			#bdp-results h3 {
				font-size: 22px;
			}

			#bdp-results #bdp-results-list {
				margin-top: 12px;
			}

			#bdp-results #bdp-results-list li {
				margin-bottom: 16px;
				display: grid;
				grid-template-columns: max-content 1fr;
				grid-column-gap: 24px;
			}

			#bdp-results #bdp-results-list li .guide-name {
				grid-row: 1;
				grid-column: 1 / span 2;
			}

			#bdp-results #bdp-results-list li .view {}

			.multiselect-container {
				max-height: 240px;
				overflow-y: auto;
			}

			#load-more-container
			{
				text-align:center;
			}

			@media only screen and (min-width : 480px) {
				#bdp-search {
					display: grid;
					grid-template-columns: minmax(200px, 240px) minmax(200px, 240px);
					grid-gap: 16px;
				}

				#bdp-search #bdp-search-submit {
					//grid-row: 3;
					grid-column: 2;
					align-self: end;
					justify-self: end;
				}



				#bdp-results #bdp-results-list li{
					grid-template-columns: 380px max-content max-content;
				}

				#load-more-container
				{
					width:490px;
				}


				#bdp-results #bdp-results-list li .guide-name {
					grid-column: 1;
				}
			}

			@media only screen and (max-width: 360px) {
				.tt-menu {
  					width: 280px;
				}
			}


/*
	Checklist select
*/


			.check-select-wrapper {
				display: inline-block;
				min-width: 234px;
				//max-width: 320px;
				width: 100%;
				position: relative;
			}

			.check-select-wrapper .check-select-input {
				/* height: 38px; */
				padding: 2px 18px 2px 4px;
				width: 100%;
				background: #FFFFFF;
				cursor: default;
			}

			.check-select-wrapper .check-select-input[aria-expanded="true"] {
				background-image: url(https://assets.northcarolina.edu/shared/img/arrow-up.svg);
				background-position: center right;
				background-repeat: no-repeat;
			}

			.check-select-wrapper .check-select-input[aria-expanded="false"] {
				background-image: url(https://assets.northcarolina.edu/shared/img/arrow-down.svg);
				background-position: center right;
				background-repeat: no-repeat;
			}

			.check-select-wrapper .check-select-button i {
				position: relative;
				top: -1px;
			}

			.check-select-wrapper .check-select-list {
				position: absolute;
				z-index: 1;
				display: none;
				list-style: none;
				margin: 0px;
				padding: 8px;
				max-height: 280px;
				overflow-y: auto;
				box-shadow: 5px 5px 5px #888888;
				background-color: #FFFFFF;
				border: 1px solid #b9b9b9;
			}

			.check-select-wrapper .check-select-list li {
				display: grid;
				grid-template-columns: 24px 1fr;
				grid-gap: 3px;
				margin-bottom: 9px;
				align-items: start;
			}

			.check-select-wrapper .check-select-list li input[type=checkbox]:checked+label {
				color: #0099FF;
			}

			.check-select-wrapper .check-select-list li input[type=checkbox] {
				margin: 0px;
			}

			.check-select-wrapper .check-select-list li label {
				line-height: 1em;
				font-size: 16px;
				margin-bottom: 0px;
			}



/* Spring 2025 */


.bdp-body .tabs
{
	margin-top:40px;
}

.tabs .tab, .button-tabs .tab {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1px;
}

.tabs .tab button, .button-tabs .tab button {
  background-color: #f0f3f5;
  border: 1px solid #dbe2e9;
  border-bottom: 1px solid #dbe2e9;
  cursor: pointer;
  color: #636c72;
  padding: 8px 12px;
  transition: 0.3s;
  border-radius: 3px 3px 0px 0px;
}

.tabs .tab button:not(:first-of-type), .button-tabs .tab button:not(:first-of-type) {
    margin-left: 4px;
}

.tabs .tab button:hover, .button-tabs .tab button:hover {
  background-color: #dbe2e9;
  color: #353f43;
}

.tabs .tab button.active, .button-tabs .tab button.active
{
  background-color: #FFFFFF;
  color: #353f43;
  border-bottom: 1px solid #FFFFFF;
}

.tabs .tabcontent, .button-tabs .tabcontent
{
  display: none;
  padding: 6px 12px;
  border-top: 1px solid #dbe2e9;
}


.tab button.active
{
	cursor:default;
}
