/*************************

		MODAL TABS

*************************/

:root {

	--bs-nav-link-color: var(--grey-2);

}



.tools-modal-tabs.nav-tabs {

	flex-wrap: nowrap;

	--bs-nav-tabs-border-radius: 0;

	font-size: 18px;

}



.tools-modal-tabs.nav-tabs .nav-item {

	width: 100%;

}



.tools-modal-tabs.nav-tabs .nav-item:not(:first-child) {

	border-left: 1px solid var(--grey-line-color);

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link  {

	width: 100%;

	padding: 15px 0;

	/*border: none;*/

	color: var(--grey-2);

	font-weight: 600;

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link.active {

	/*border-color: transparent;*/

	position: relative;

	color: var(--basic-black);

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link.active::before {

	content: '';

	position: absolute;

	width: 100%;

	height: 3px;

	top: 0;

	left: 0;

	background-color: var(--primary);

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link:hover {

	/*border-color: transparent;*/

	color: var(--primary);

}



.tools-modal-content .tab-content {

	max-height: calc(100vh - 257px);

	overflow-y: auto;

	scrollbar-width: thin;

}



.scroll-shadow {

	position: relative;

	box-shadow: 0 10px 20px rgba(0, 0, 0, .25);

	z-index: 2000;

}