@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

.selected-server-name{
	display: flex;
	align-items: center;
	margin-top: $CAP_SPACE_16;
	.server-avtar, .server-name, .server-change{
		display: inline-block;
	}
	.server-change{
		margin-left: $CAP_SPACE_24;
	}
}
.select-server{
	display: inline-block;
}
.configure-csv-container{
	.configure-csv, .add-column{
		display: inline-block;
	}
}
.column-selection-container{
	width: 200px;
	display: inline-block;
	margin: $CAP_SPACE_04;
}
.column-selection-container-cid{
	width: 120px;
	display: inline-block;
}
.select-csv-column{
	width: 80%;
	border: 1px solid #d9d9d9 !important;
	border-radius: 4px !important;
	display: inline-block;
	.ant-select-selection{
		height: 100%;
	}
}

.csv-column-search-icon {
	svg {
		height: 100%;
	}
}
.select-csv-col-dropdown ul{
	padding: 0 $CAP_SPACE_04;
}
.select-csv-col-dropdown ul li{
	margin: $CAP_SPACE_08 0 !important;
    padding: 0;
    white-space: nowrap;
    list-style: none;
	outline: 0;
}
.select-csv-col-dropdown {
	padding: $CAP_SPACE_08 $CAP_SPACE_16;
	max-width: 324px;
	.ant-select-tree-switcher-noop, .ant-select-tree-node-content-wrapper{
		display: inline-block !important;
		margin: 0 !important;
		.ant-select-tree-title {
			font-family: 'Roboto', Arial, sans-serif;
			font-size: $FONT_SIZE_M;
		}
	}
	.ant-select-tree-child-tree-open {
		display: block !important;
		padding: 0 0 0 $CAP_SPACE_16 !important;
	}

	.search-placeholder-container {
		display: flex;
	}
}

.select-csv-col-dropdown .ant-select-dropdown-search {
	padding: 0;
	.ant-select-search__field{
		padding: $CAP_SPACE_06 $CAP_SPACE_08
	}
}

.remove-csv-column{
	display: inline-block;
	margin-left: $CAP_SPACE_08;
}
.scrollable-section{
	height: calc(100vh - 220px);
	overflow-y: auto;
	margin-bottom: $CAP_SPACE_08;
}
.FTP-tagList {
	position: absolute;
	right: 0;
	top: -10px;
  }
.ftp-message-container{
	margin-top: $CAP_SPACE_32;
	.message-content-title{
		margin-top: $CAP_SPACE_24;
		position: relative;
	}
}

.ftp-preview-container{
	.ftp-preview-message-title{
		margin-top: $CAP_SPACE_40;
	}
	.ftp-content {
		margin-top: 8px;
		max-width: 70%;
		white-space: pre-wrap;
	}
	.ftp-preview-message-content{
		max-width: 450px;
    	margin-top: $CAP_SPACE_04;
		color: $FONT_COLOR_02;
		.ant-input[disabled]{
			background-color: $CAP_WHITE;
			color: $FONT_COLOR_01;
			cursor: default;
		}
	}
	.ftp-preview-data-title{
		margin-top: $CAP_SPACE_40;
	}
	.ftp-preview-data-col-container{
		margin-top: $CAP_SPACE_08;
		.ant-tag.cap-tag-v2{
			background-color: $CAP_WHITE;
			font-weight: 500;

			&:first-child {
				padding-left: 0;
			}
		}
	}
}

.manage-ftp-setting-div{
	display: flex;
	align-items: baseline;
}

.configure-ftp-setting-div{
	align-items: baseline;
	display: flex;
    justify-content: center;
}