@import "variables";
.cp-freon {}
.cp-freon-filters {
	.filter-search {
		max-width: 320px;
		.form-group {
			display: flex;
			.form-field {
				flex-grow: 1;
				.form-control {
					@include border-radius(3px 0 0 3px !important);
					border-right: 0;
				}
			}
			.form-btn {
				.btn {
					@include border-radius(0 3px 3px 0 !important);
				}
			}
		}
	}
}
.cp-freon-table {
	table {
		width: 100%;
		font-size: 12px;
		line-height: 1.25;
		tr {
			th {
				background: #e9e9e9;
				padding: 4px 8px;
				&:not(:first-child) {
					border-left: 1px solid #e1e1e1;
				}
			}
			td {
				border-bottom: 1px solid #e1e1e1;
				padding: 4px 8px;
				&:not(:first-child) {
					border-left: 1px solid #e1e1e1;
				}
			}
			.visible-on {}
			&:not(.in) .visible-off {
				display: none;
			}
			&:not(.in) + .tr-hide {
				display: none;
			}
			&.tr-hide {
				td {
					background: #d5e6f6;
					padding: 0;
				}
			}
			&.in {
				font-weight: bold;
				td {
					background: #d5e6f6;
				}
				.visible-on {
					display: none;
				}
			}
		}
	}
}
.cp-freon-form {
	display: flex;
	padding: 12px 8px;
	.form__col {
		//flex-grow: 1;
		width: 45%;
		min-width: 45%;
		& + .form__col {
			margin-left: auto;
		}
		&.d-flex {
			display: flex;
			flex-direction: column;
			.form-line {
				&:first-child {
					flex-grow: 1;
				}
			}
		}
	}
	.form-group {
		& + .form-group {
			margin-top: 12px;
		}
	}
	.license__form {
		padding-left: 20px;
		.list-unstyled {
			& > li {
				&:not(:first-child){
					/*border-top: 1px solid #d7d7d7;
					margin-top: 12px;*/
					padding-top: 8px;
				}
			}
		}
	}
	.form-result-action {
		background: #e9f4ff;
		padding: 16px;
		font-size: 14px;
		@include box-shadow(0 2px 12px #bad0e6);
	}
	.form-result-message__danger {
		display: none;
	}
	.form-group-email {
		max-width: 420px;
		font-size: 12px;
		&.form-group-email_default {
			display: block;
		}
		&.form-group-email_success {
			display: none;
		}
		&.form-group-email_denied {
			display: none;
		}
		.form-label {
			margin-bottom: 4px;
		}
	}
	.form-pseudo-textarea {
		background: #ddebf8;
		border: 1px solid #e1e1e1;
		padding: 8px;
		min-height: 72px;
		//display: none;
		&.textarea-empty {
			//display: block;
		}
		&.textarea-success {
			background: #c6ed9e;
		}
		&.textarea-denied {
			background: #ffc2c2;
		}
	}
	&._success {
		background: #b8e986;
		.form-result-action {
			background: #cbf99d;
			@include box-shadow(0 2px 12px rgba(0, 0, 0, 0.15));
		}
		.form-group-email {
			&.form-group-email_default {
				display: none;
			}
			&.form-group-email_success {
				display: block;
			}
		}
		.form-pseudo-textarea {
			/*&.textarea-empty {
				display: none;
			}
			&.textarea-success {
				display: block;
			}*/
		}
	}
	&._danger {
		background: #ffb3b3;
		.form-result-action {
			background: #ffcccc;
			@include box-shadow(0 2px 12px rgba(0, 0, 0, 0.15));
		}
		.form-group-email {
			&.form-group-email_default {
				display: none;
			}
			&.form-group-email_denied {
				display: block;
			}
		}
		.form-pseudo-textarea {
			/*&.textarea-empty {
				display: none;
			}
			&.textarea-denied {
				display: block;
			}*/
		}
		.form-result-message__danger {
			display: block;
			padding-top: 8px;
		}
	}
}

.form-base64 {
	.form-base64__body {
		background: $white;
		border: 2px dashed $color_gray_20;
		position: relative;
		overflow: hidden;
	}
	.form-base64__drop {
		padding: 24px;
		font-size: 12px;
		line-height: 1;
		text-align: center;
		.sep {
			padding: 8px 0;
		}
		.btn {
			padding: 8px 12px;
			font-size: 12px;
			line-height: 1;
		}
		input[type="file"] {
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			display: block;
			width: 100%;
			height: 100%;
			font-size: 100px;
			letter-spacing: 100px;
			opacity: 0;
			cursor: pointer;
		}
		&:hover {
			.btn {
				background: $color_gray_20;
			}
		}
	}
	.form-base64__image {
		display: none;
		img {
			display: block;
			max-width: 100%;
		}
	}
	&:not(.in){
		.form-base64__remove {
			display: none;
		}
	}
	&.in {
		.form-base64__drop {
			display: none;
		}
		.form-base64__image {
			display: block;
		}
	}
}