@import "setting/browser-connect";
@import "setting/connection";
@import "setting/logger";
@import "setting/terminal-info";
@import "setting/webhook";

.tec-jovvie-setting-section-wrapper {
	border-bottom: 1px solid #c3c4c7;
}

.tec-jovvie-setting-section {
	margin: 2rem 0 !important;
}

.tec-jovvie-setting-input,
.tec-jovvie-setting-select,
.tec-jovvie-setting-checkbox,
.tec-jovvie-setting-radio,
.tec-jovvie-setting-content {

	&:not(:last-child) {
		margin-bottom: 0.75rem;
	}

	label {
		font-size: 13px !important;
		letter-spacing: initial !important;
	}

	input[type="text"],
	input[type="password"],
	select {
		flex: 1;
		width: 100%;
		max-width: 300px;
		border-color: #8c8f94 !important;
	}

	input[type="text"],
	input[type="password"] {

		&:disabled {
			color: #a7aaad !important;
			background: #f6f7f7;
			border-color: #dcdcde !important;
		}
	}
}

.tec-jovvie-setting-input,
.tec-jovvie-setting-select,
.tec-jovvie-setting-content {
	display: flex;
	align-items: center;

	label,
	.tec-jovvie-setting-label {
		width: 100%;
		max-width: 130px;
		padding-right: 1rem;
	}

	.tec-jovvie-setting-content-inner {
		flex: 1;
		cursor: default;
	}
}

.tec-jovvie-setting-checkbox,
.tec-jovvie-setting-radio {

	label {
		display: flex !important;
		align-items: center;
	}

	input[type="checkbox"],
	input[type="radio"] {
		margin-right: 0.5rem;
	}

	input[type="text"],
	input[type="password"] {
		max-width: 200px;
		margin-left: 0.5rem;
	}
}

.tec-jovvie-setting-description {

	&:first-child {
		margin-bottom: 1rem;
	}

	&:last-child {
		margin-top: 1rem;
	}
}