.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {

	color: white !important;
	background-color: #47C789 !important;

}
.nav-link {

	border: none !important;
	color: white !important;
}

.nav-tabs .nav-link {
	border: none !important;
	background-color: #14274E;
}
a.link-nav {
	color: #14274E !important;
}

#profile{
	gap:5px;
 }

.create_term_modal:hover{
	background-image: linear-gradient(#47c789 50%, #21bf73 50%);
}

a.link-nav span::before {
	content: '\a';
	white-space: pre;
}

a.link-nav:hover span {
	width: 100%;
	transition: width 0.3s;
}

a.link-nav.active {
	color: #fff;
	font-weight: 600;
	opacity: 1;
}

.modal-content {
	border: 1px solid #dee2e6;
}

.term-related-badge {
	padding: 14px 7px !important;
}

.term-related a.term {
	color: #14274e !important;
}

.term {
	text-align: inherit !important;
}
.profile-image-wrapper{
    height: 140px;
    width: 140px;
    overflow: hidden;
    border: 6px solid #ffffff;
    border-radius: 50%;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.1))
}
.profile-image-wrapper img{
    width: 100%;
    object-fit: cover;
    height: 100%; 
}

.term-related {
	margin-bottom: -15px;
	padding: 3px 7px;
	border: 1px solid #f0f0f0 !important;
	/* #dee2e6;  */
	background-color: #f6f9fc !important;
	/*#dee2e6; */
	/* background-color: #21bf73;   */
	color: #14274e !important;
	font-weight: normal;
	font-size: 0.8rem;
	text-align: left;
	white-space: normal !important;
	box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%);
}

.modal-badge-pill svg ,.svg-icon-styles{
	width: 1rem;
	height: 1rem;
	fill:#344767;
	
	
}



.term_badge_warpper {
	position: relative;
	display: inline-block;
	background-color: red;
}

#create_term_modal {
	width: 100%;
}

.remove_span {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	padding: 5px;
	border: 1px solid;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tableFixHead {
	overflow: auto;
	height: 300px;
}

.tableFixHead thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}

.tooltip-inner {
	white-space: pre-wrap;
}

.badge-secondary {

	font-size: 0.5rem ! important;
	border-radius: 0.25rem !important;
	margin-bottom: 2px;
	padding: 2px 6px !important;
	/* padding: 3px 7px; */
	font-weight: normal;
	/* font-size: 0.8rem; */
	text-align: left;
	white-space: normal !important;
}

.term_preferred {
	color: white !important;
	font-size: 0.65rem;
}

.tooltip.in {
	opacity: 1 !important;
}

.tooltip {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.tooltip>.tooltip-inner {
	/* padding: 10px; */
	color: black;
	text-align: left;
	background-color: white;
	background: white;

	opacity: 1.0;
	filter: alpha(opacity=100);
}

.tooltip:hover {
	cursor: pointer;
}

.tooltip>.tooltip-arrow {
	border-bottom-color: black;
}

.tooltip.in {
	opacity: 1 !important;
}

.tooltip {
	width: auto !important;
}

.tooltip-inner {
	max-width: 100% !important;
}

.main {
	padding: 25px 0 40px 0 !important;
}


.fa-thumbs-down,
.fa-thumbs-up {
      width: 24px;
    height: 24px;
  margin-right: 5px;
  transition: color 0.5s;
}

.dislike,
.like {
  cursor: pointer;
  margin-left: 0.8rem;
}

.like .fa-thumbs-up path{
	fill: #ddd !important;
  }
  
  .dislike .fa-thumbs-down path{
	fill: #ddd;
  }
  
  .like.active .fa-thumbs-up path{
  fill: #08b52b !important;
  }
  
  .dislike.active .fa-thumbs-down path{
  fill: #dc3545 !important;
  }

/* .badge {
	
	cursor: pointer;
	vertical-align: baseline;	
	padding-left: 0.8em !important;
	font-weight: 650 !important;
	display: inline-flex !important;
	font-size: 80% !important;
}

.badge-secondary {

	font-size: 0.5rem ! important;
	
	margin-bottom: 2px;
	
	font-weight: normal;
	
	text-align: left;
	white-space: normal !important;
} */

.term-related-badge a {
	color: #14274E ;
}

.text-white a {
	color: #ffffff !important;
}

.note-editable ul {
    list-style: disc !important;
    list-style-position: inside !important;
}



/* Resume upload styles */

input[type="file"] {
	display: none;
}

.imageThumb {
	max-height: 75px;
	border: 2px solid;
	padding: 1px;
	cursor: pointer;
}

.pip {
	display: inline-block;
	margin: 10px 10px 0 0;
}

.custom-file-label {
	border: 1px solid #14274E !important;
}

.remove {
	color: #14274E;
	font-size: 1rem;
}

/*resume*/

.drop-area {
	border: 2px dashed #ccc;
	padding: 20px;
	text-align: center;
	cursor: pointer;
	color: #555;
	display: block;
}
.drop-area:hover {
	background-color: #f9f9f9;
}

.large-icon {
    font-size: 25px; 
}



/*media query*/

@media screen and (min-device-width: 320px) and (max-device-width: 455px) {


	.occup_img {
		width: 12vw !important;
		height: 12vw !important;
	}

	.modal-body {
		font-size: 3.5vw;
	}

	#add_term_Inmodal {
		width: 26% !important;
		font-size: 3vw !important;
	}

	body {
		font-family: system-ui !important;
		font-size: 4vw !important;
	}

	h5,
	h3 {
		font-size: 4vw !important
	}

	h1 {
		font-size: 6vw !important
	}

	/* h1{
        font-size: 8vw !important
    } */
	.post {
		padding: 0.4rem !important;
	}

}

@media screen and (min-device-width: 320px) and (max-device-width: 767px) {


	.list-group-item {
		background-color: #14274E !important;
	}

	.list-group-item a {
		color: #fff !important
	}

	.nav-tabs .nav-item .active{
		background-color: #47C789 !important;
	}

	.icon-container {
		text-align: end;
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
	}

	.profile_icon, .user_name{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.about_me, .intro_vid{
		width: 100% !important;
	}

	.intro_vid{
		position: relative;
	}

	.intro_vid iframe{
		width: 100%;
        height: 52vw;
	}

	.exp_col{
		width: 66.66666667% !important;
	}

	.add-commands-inside{
		width: 33.33333333% !important;
	}

	.primary-term-badge{
		min-width: auto !important;
	}

	.remove_par{
		padding: inherit !important;
	}

	.navbar-toggler{
		padding: revert !important;
	}

	.yrs_exp{
		float: left !important;
	}
}

@media screen and (min-device-width: 320px) and (max-device-width: 348px) {

	.home_btn{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}
 
.study_accordion .collapse,
.test_accordion .collapse,
.create_accordion .collapse {
    transition: height 0.35s ease !important;
    will-change: height;
}

.card-body-accordian {
    overflow: hidden;
}

#study-questions.show ~ .Study_accordian_hidden,
#study-questions.show + .Study_accordian_hidden {
    display: none !important;
}
/* demo.beleblubla min.css */