/* 
	Uvoz vprasanj iz texta znotraj ankete (popup)
    Created on : 6-Nov-2018
    Author     : peter hrvatin
*/

#popup_import_from_text{
	display: none;	
	position: relative;
	z-index: 90;
	
	height: auto;
	width: 800px;
	margin: 0 auto;
	
	line-height: 18px;
	
	.anketa_from_text{	
		height: auto;
		overflow: auto;

		h2{
			margin-top: 0;
		}
		
		#input_field_holder{
			float: left;
			width: 50%;
			height: 400px;
			box-sizing: border-box;
			
			padding: 20px;
			
			#input_field{
				width: 100%;
				height: 100%;
				
				textarea{
					width: 100%;
					height: 100%;
					box-sizing: border-box;
					
					resize: none;
					padding: 20px;
					
					border: 1px $soft_blue solid !important;
					
					&:focus::-webkit-input-placeholder{
						color: transparent;
					}
					&:focus::-moz-placeholder{
						color: transparent;
					}
				}
			}
		}
		#preview_field_holder{
			float: right;
			width: 50%;
			height: 400px;
			box-sizing: border-box;
			
			padding: 20px;
			
			#preview_field{
				width: 100%;
				height: 100%;
				box-sizing: border-box;
				overflow: auto;
				
				padding: 20px;
				
				background-color: $soft_blue_very_lighten;
				border: 1px $soft_blue solid;
				
				span.title{
					font-size: 18px;
					line-height: 30px;
				}
				span.variable{
					font-size: 15px;
					font-weight: 400;
					
					input[type="radio"]{
						display: none !important;
					}
					input[type="radio"] + span.enka-checkbox-radio:before{
						font-family: $fontawesome;
						content: "\f111";
						
						display: inline-block;
						
						font-size: 14px;
						color: $grey_light;							
						letter-spacing: 8px;
						font-weight: 400;
					}
					input[type="radio"]:checked + span.enka-checkbox-radio:before{
						content: "\f192";
						color: $grey_super_dark;
					}
				}
			}
		}
	}
}