#kshdeTable th{
	background-image: linear-gradient(to bottom,  rgba(102,153,255,0), rgba(102,153,255,0.8));
}

.flex-modal {
	display : flex;
	flex-direction : column;
	gap : 0.7em;
	flex-wrap : wrap;
	
}

.flex-modal-row {
	display : flex;
	flex-direction : row;
	gap : 0.2em;
	background-color : gray ;
	padding : 0.4em;
	border-radius : 10px;
	color : white;
}

.flex-modal-row * {
	flex-grow : 2;	
	flex-basis : 10% ;
}

.flex-modal-row label {
	flex-grow : 1;	
}

.flex-modal-row button {
	flex-grow : 0;	
}

.flex-modal-row.form-check label{
	flex-grow : 4;
}

.flex-modal-row.form-check .input-group-text{
	flex-grow : 0;
	min-height : 2em;
}

.flex-modal-row .input-group-text{
	flex-grow : 0;
}

#ksideSearchPath span{
	font-size : 1em;
}

#ksideSearchPath span:hover{
	cursor : pointer;
}

#ksideSearchResults{
	display : flex;
	flex-wrap: wrap;
	gap: 5px;
	box-sizing : border-box;
}

.search-recipient{
	border-radius : 5px;
	padding : 5px;
	color : white;
	font-size: 0.8em;
	font-weight : bold;
	
}

#ksideSearchPath>span>i{
	border-style: solid;
	border-color : Gainsboro;
	border-radius : 10px;
	background-color : Gainsboro;
	color: black;
}	

.dep-btn{
	border-style: solid;
	border-color : red;
	border-radius : 10px;
	background-color : red;
	
}

.node-btn{
	border-style: solid;
	border-color : orange;
	border-radius : 10px;
	background-color : orange;
}

#ksideToDiv span {
	cursor :  not-allowed;	
}

.search-recipient{
	cursor :  pointer;	
}

#searchSpinner{
	display:none;
}

#searchSpinner.active{
	display: block;
}

#buttons {
	display : flex;	
	gap : 10px;
}

#searchBarDiv {
	display : flex;
	gap : 1px;
}

#bsRelativeCCNames{
	display : flex;
	flex-direction : column;
	gap : 5px;
	margin-top:5px;
	margin-bottom :20px;
}

#bsRelativeSectorNames{
	display : flex;
	flex-wrap : wrap;
	gap : 5px;
	margin-top:5px;
	max-height:300px;
	overflow-y: auto; 
}

#bsRelativeCCNamesContent{
	display : flex;
	flex-wrap : wrap;
	gap : 5px;
	margin-top:5px;
	max-height:300px;
	overflow-y: auto; 
}