html, body {
	margin:0;
	height:100%;
}

a {
	color:inherit;
	text-decoration:none!important;
}

.form-control::placeholder {
  color:#999!important;
  opacity: 1;
}

/*--page-content--*/
.page-content .fs-7{
	font-size:0.85rem!important
}
.page-content .fs-8{
	font-size:0.75rem!important
}
.page-content .wd-220{
	width:220px;
}
.page-content .min-wd-200{
	min-width:200px;
}
.page-content .text-muted{
	color:#99A1B7!important;
}
.page-content .text-gray-700 {
    color: #4b5675!important;
}
.page-content .text-gray-500 {
    color: #99a1b7!important;
}
.page-content .btn-light{
	--bs-btn-bg:#e9ecef;
}
.page-content .text-success{
	color:#17c653!important;
}

.badge-light-warning {
	color: #F19305;
	background-color: #fff8dd;
	font-size:0.9em!important;
}
.badge-light-primary {
	color: #1c84ff;
	background-color: #e8f2fe;
	font-size:0.9em!important;
}
.badge-light-success {
	color: #17c653;
	background-color: #dfffea;
	font-size:0.9em!important;
}
.badge-light-info {
	color: #7239ea;
	background-color: #f8f5ff;
	font-size:0.9em!important;
}
.badge-light-secondary-outline {
	color:#999;
	background-color: #F6F6F6;
}

.bg-light-warning {
	background-color:#FFF8DD;
}
.bg-light-primary {
	background-color:#E9F3FF;
}
/*--page-content--*/

/*--card--*/
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
}

.card-body, .card-header, .card-footer {
	padding:0.85rem 1.4rem;
}
.card-header {
	font-size:1.2rem;
	font-weight:bold;	
}
.card-body {
	font-size:0.95rem;	
}

.card-body .school-name {
	font-size:1.5rem;
	font-weight:bold;
}
.card-body .card-header {
	padding:0rem;
}
.card-body .card-title {
	margin-bottom:0.8rem;	
}
.card-body .info {
	color:#666;
	font-size:0.95rem;
}
.card-body .info i {
	margin:auto 0.5rem;	
}
.card-body .info p {
	margin:0.3rem 0;
}

.card-body th:first-child,.card-body td:first-child, .card-body th:last-child, .card-body td:last-child {
	padding-left:1.8rem;
}

.card-footer {
	border:none;
	border-bottom:1px solid #CCC;	
}

.card .page-item .page-link {
	font-size:0.95rem;
}
/*--card--*/

/*--sub nav--*/
.nav-line-tabs .nav-item .nav-link {
    color: var(--bs-gray-500);
    border: 0;
    border-bottom: 1px solid transparent;
    transition: color .2s ease;
    padding: .5rem 0;
    margin: 0 2rem
}

.nav-line-tabs .nav-item .nav-link.active,.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),.nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid var(--bs-primary);
    transition: color .2s ease
}

.nav-line-tabs .nav-item .nav-link.text-active-primary.active {
	color: var(--bs-primary);
}

.page-wrapper {
	min-height: calc(100% - 56px);
}

.text-earth {
	color:#d0a652;	
}

.text-bg-earth {
	background-color:#d0a652;	
}

.text-bg-light-gray {
	color:#666!important;
	background-color:RGBA(108,117,125,var(--bs-bg-opacity,0.1))!important
}

.btn-earth {
	background-color:#d0a652;
	border-color:#d0a652;
	color:#FFF!important;
}

.btn-earth:hover, .btn-earth:active {
	background-color:#b79248;
	color:#FFF;
}

.form-select, .form-select-sm {
	color:#999;	
}

#top-area {
	background-color:#f0f0f0;
	padding:0.5rem 10%;	
	
}

#banner-area {
	height:20rem; 
	width:100%; 
	background-color:#f0f0f0;
	padding:1.5rem;	
}

#sub-banner-area {
	height:8rem; 
	width:100%;
	background-color:#686868;
	padding:1.5rem;	
}

#sub-banner-area .breadcrumb-title, #sub-banner-area .breadcrumb {
	color:#FFF;
	margin:0;
}

#sub-banner-area .breadcrumb a {
	color:#FFF;
	text-decoration:none;
}

#sub-banner-area .breadcrumb a:hover {
	color:#19a1f7;
}

#advanced-search-box {
	width:80%;
	max-width:860px;	
}

#advanced-search-box .form-select {
	width:200px;	
}

#advanced-search-box .btn {
	width:200px;
}

#advanced-search-box .form-control {
	color:#19a1f7;
	width:calc(80% - 1rem - 200px);
	min-width:150px;
}



#middle-area {
	margin:auto;
	padding:3rem 0;
	width:80%;
	max-width:900px;
}

#middle-area .d-flex {
}

#middle-area .btn {
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 3px 10px 0 rgba(0, 0, 0, 0.10);
	color:#6c757d;
	min-width:200px;
	margin:0.25rem 0.55rem;
	padding:0.65rem 2.5rem;
}

#middle-area hr {
	margin:3rem 0;	
}

#middle-area.step2, #middle-area.detail {
	max-width:90%;
}

#middle-area.step2 .categories .form-select-sm, #middle-area.step2 .categories .form-control-sm {
	border:1px solid #ced4da;
	width:100%;
}
#middle-area.step2 .categories .form-control-sm {
	color:#19a1f7;	
}

#middle-area.step2 .sidebar-title {
	font-size:1rem;
	font-weight:bold;
	margin-bottom:1rem;
	padding:0.5rem 0;
	border-bottom:solid 1px #000;
}

#middle-area.step2 .sidebar-item {
    margin: 0;
	padding:0;
    list-style: none;
}

#middle-area.step2 .sidebar-item li {
	color:#666;
	cursor:pointer;
	padding:0.5rem 0;
	border-bottom:solid 1px #F0F0F0;
}

#middle-area.step2 .sidebar-item li:hover {
	color:#19a1f7;
}

#middle-area.step2 .result {
	padding-left:1rem;	
}

#middle-area.step2 .result .card {
	cursor:pointer;
	margin:0 1.5rem 1.5rem 0;
	min-height:150px;
	width:250px;
}

#middle-area.step2 .result .card:hover {
	background-color:#FAF1E4;
	border-color:#d0a652;
	transition:	0.5s;
	-webkit-transition:	0.5s;
}

#middle-area.step2 .result .card:hover .pathway {
	opacity:1;
	visibility:visible;
	background:rgba(0, 0, 0, 0.8);
	transition:	0.5s;
	-webkit-transition:	0.5s;
}

#middle-area.step2 .result .group .card {
	min-height:90px;
}

#middle-area.step2 .result .pathway {
	position: absolute;
	padding:0.5rem 1.5rem;
	border-radius:0.375rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 1;
	opacity:0;
	visibility:hidden;
	height:100%;
	background-color:#000;
}

#middle-area.step2 .result .pathway a {
	color:#FFF;
	line-height:1rem;
}

#middle-area.detail .dep-tags {
	color:#FFF;
	background-color:#999;
	cursor:pointer;
	margin:0 0.5rem 0.5rem 0;
	padding:0.25rem 0.5rem;
}

#middle-area.detail .dep-tags:hover {
	color:#666;
	background-color:#F0F0F0;
	transition:0.5s;
}

.group-tags {
	color:#666!important;
	background-color:#eeeeee!important;
	border-radius:20px; 
	width: max-content;
	margin:0 0.25rem 0.25rem 0;
	padding:0.25rem 1rem;
}

.dep-categories .card {
	color:#666;
}

.dep-categories .card:hover {
	background-color:#FAF1E4;
	border-color:#d0a652;
	transition:	0.5s;
	-webkit-transition:	0.5s;
}

.dep-detail .card-header .nav-line-tabs {
	position:absolute; 
	bottom:0; 
	right:1.4rem;
}

#footer {
	width:100%;
}


@media (max-width:576px){
	#advanced-search-box {
		width:95%;
	}

	#advanced-search-box .form-select {
		width:135px;	
	}
	
	#advanced-search-box .btn {
		width:120px;
	}
	
	#middle-area .d-flex {
		justify-content:center;	
	}
	
	#middle-area.detail {
		width:100%;
	}
	
	#middle-area.detail .d-flex {
		justify-content:start;	
	}

	
	#middle-area.step2 .result {
		padding-left:0;
	}
	
	#middle-area.step2 .result .card {
		width:90%;
	}
	
	.dep-detail .card-header .nav-line-tabs {
		position:relative;
		right:0;
	}


}