/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 24-Aug-2018, 11:24:43
    Author     : podkrizniku
*/

#simpleMailInvitation_div {
	min-width: 500px;
	div.profile_holder {
		float: left;
		width: 210px;
		border: 1px solid $grey_normal;
		height: 250px;
		div.option {
			cursor: pointer;
			display: block;
			border-bottom: 1px solid $grey_normal;
			padding: 1px;
		}
		div.active {
			background-color: $strong_blue_super_darken;
			color: white;
		}
	}
}
#simpleMailInvitation_div.wide {
	min-width: 995px;
	margin-left: -200px;
}
#simpleMailInvitationCoverDiv {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	background: $soft_blue_very_lighten;
        border: 1px solid $soft_blue;
	opacity: .40;
	z-index: 10;
	display: none;
}
#simpleMailInvitationPreviewDiv {
	display: none;
	position: absolute;
	width: 550px;
	top: 25px;
	left: 200px;
	z-index: 20;
	border: 1px solid $red_error;
	background-color: $grey_almost_white;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 8px $grey_normal;
	-moz-box-shadow: 0 0 8px $grey_normal;
	-webkit-box-shadow: 0 0 8px $grey_normal;
}
#simpleMailSubject {
	width: 500px;
}
#simpleMailBody {
	width: 500px;
	height: 200px;
	resize: none;
}
#simpleMailRecipients {
	width: 250px;
	height: 235px;
	resize: none;
}
.simpleMailError {
	border: 1px solid $orange;
	background-color: $orange_super_lighten;
	padding: 5px;
	width: auto;
	margin-bottom: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#insert_email_respondents {
	padding: 5px;
	border: 1px solid $red_error;
	background: white;
	fieldset {
		border: 1px solid $grey_normal;
		padding: 8px;
	}
}
#survey_invitation {
	width: auto;
	height: 350px;
	padding: 10px;
}
#invitation_profiles {
	height: 290px;
	overflow: auto;
	cursor: pointer;
	.option {
		padding: 1px;
	}
	.active {
		background-color: $strong_blue_super_darken;
		color: white;
		border-bottom: 1px solid $grey_normal;
	}
}
#invitation_profile_values {
	float: left;
	width: 550px;
	margin: 0px;
	display: block;
	height: 330px;
	margin-left: 10px;
}
#invitation_profile_content {
	width: 473px;
	height: 220px;
	border: 1px solid $soft_blue;
	overflow: auto;
}
#invitation_profile_title {
	width: 420px;
}
#invitation_new_dialog {
	position: absolute;
	left: 300px;
	top: 250px;
	border: 1px solid $red_error;
	z-index: 120;
	background-color: white;
	padding: 10px;
	margin: 10px;
	width: 550px;
	display: none;
}
#invitation_rename_dialog {
	position: absolute;
	left: 300px;
	top: 250px;
	border: 1px solid $red_error;
	z-index: 120;
	background-color: white;
	padding: 10px;
	margin: 10px;
	width: 550px;
	display: none;
}
#invitation_delete_dialog {
	position: absolute;
	left: 300px;
	top: 250px;
	border: 1px solid $red_error;
	z-index: 120;
	background-color: white;
	padding: 10px;
	margin: 10px;
	width: 550px;
	display: none;
}
.email_invitations_holder {
	float: right;
	width: 135px;
	border: 1px solid $soft_blue;
	height: 260px;
	margin: 0px;
}
#email_invitations {
	.option {
		padding: 1px;
	}
	height: 260px;
	overflow: auto;
	cursor: pointer;
	.active {
		background-color: $strong_blue_super_darken;
		color: white;
		border-bottom: 1px solid $grey_normal;
	}
}
#email_invitations_values {
	float: left;
	width: 425px;
	margin: 0px;
	display: block;
}
#email_invitation_value_text {
	width: 360px;
	height: 193px;
	border: 1px solid $soft_blue;
	overflow: auto;
}
#conditionProfileNote.simple {
	margin-left: 10px;
}