//
// Export Settings
// ---------------

.settings-wrapper {
	margin: $grid-gutter-width auto;
	
	.settings-field {
		margin-bottom: 13px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		
		&.hidden {
			display: none;
		}
		
		label {
			font-size: 11px;
			white-space: nowrap;
			width: 50%;
			margin-right: 5px;
			flex-grow: 1;
			cursor: default;
			
			.atum-icon {
				vertical-align: middle;
				cursor: help;
			}
		}
		
		input {
			box-shadow: none;
			@include placeholder($gray-500);
			border-color: $gray-200;
			color: $gray-600;
			
			&[type=text], &[type=number] {
				height: 30px;
			}
			
			&[type=text] {
				width: 145px;
			}
			
			&[type=number] {
				max-width: 50px;
			}
			
			&[type=checkbox] {
				display: none;
			}
			
			&.error {
				border-color: $danger;
			}
		}
		
		.select2-container {
			width: 154px !important;
			
			.select2-selection__rendered {
				font-size: 12px !important;
			}
			
			&.error {
				.select2-selection {
					border-color: $danger;
				}
			}
		}
		
		&.level-2 {
			padding-left: 12px;
		}
		
		&.level-3 {
			padding-left: 24px;
		}
		
		&.form-controls {
			flex-wrap: wrap;
		}
		
		.sep {
			margin: 10px auto;
			color: $gray-600;
			font-weight: 500;
		}
		
	}
	
}