/*
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 : 08-Aug-2018, 12:25:26
    Author     : podkrizniku
*/

.lbl_email_setting {
	vertical-align: top;
	line-height: 16px;
	display: inline-block;

    #usercode_skip_0{
        margin: 5px 0 0 2px;
    }
}
#srv_invitation_note {
	display: inline-block;
	padding: 3px 5px;
	width: auto;
	margin-left: 10px;
	margin-bottom: 5px;
}


$color_3: #33a363;
$color_9: #043C6B;
$color_11: #CC0000;
$color_12: green;
$color_14: #8A9FBF;
$color_16: blue;
$color_17: red;
$font_family_1: Tahoma, sans-serif;
$background_color_1: #F2F2F2;
$background_color_2: #FEF8E0;
$background_color_3: #FFFEF1;
$background_color_4: #FFFCFA;
$background_color_5: #FFE6D6;
$background_color_6: #C4EDE4;
$background_color_7: #C9D472;
$background_color_8: #ECF2B8;
$background_color_10: #EFF2F7;
$background_color_12: #E8FFC7;
$background_color_13: lightyellow;
$background_color_14: #CC0000;
$background_color_15: #E68267;
$background_color_17: #FA4913;
$background_color_18: #FAFFF0;
$background_color_19: #eff2f7;
$background_color_25: #fafdfd;
$background_color_26: #ffe6d6;

.ank_edit_inv {
	H2 {
		margin: 8px 0px 10px 0px;
		padding: 0px;
		font-size: 14px;
		font-weight: 500;
		strong {
			color: black;
		}
	}
}
#inv_send_mail {
	label {
		vertical-align: text-bottom;
		input {
			vertical-align: top;
		}
	}
	width: 100%;
	display: block;
	table {
		vertical-align: top;
		td {
			vertical-align: top;
		}
	}
}
#inv_recipient_edit {
    @include popup_general();

	/*span.h2 {
		float: left;
		display: inline-block;
		padding: 5px 0 10px 0;
		font-size: 14px;
		font-weight: 600;
		color: $strong_blue;
    }*/
    
	height: auto;
    
	div#inv_error_note {
		color: $orange_darken;
		max-width: 330px;
		overflow: visible;
	}
}
#inv_msg_preview_hld {
	span.h2 {
		font-size: 14px;
		font-weight: 500;
	}
	padding: 10px 10px 15px;
	margin-left: 10px;
	min-height: 365px;
	width: 650px;
	background: $soft_blue_very_lighten;
        border: 1px solid $soft_blue;
	table {
		tr {
			th {
				width: 100px;
				padding: 4px 2px;
			}
			td {
				padding: 4px 2px;
			}
		}
	}
}
@mixin recepient_list(){
	padding: 0px;
	margin: 0px;
	
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	
	th {
		color: $grey_super_dark;
		padding: 2px 5px;
		padding-left: 7px;
		font-size: 12px;
		font-weight: normal;
		height: 27px;
		vertical-align: middle;
		background-color: $grey_super_light;
		border-top: 1px solid $grey_super_light;
		border-bottom: 1px solid $grey_super_light;
		width: auto;
		min-width: 100px;
		max-width: 128px;
		overflow: hidden;
		text-align: left;
	}
	td {
		padding: 5px;
		padding-left: 7px;
		font-size: 11px;
		vertical-align: middle;
		border-bottom: 1px solid $grey_super_light;
	}
	tr {
		&:nth-child(odd) {
			background-color: $soft_blue_very_lighten;
		}
		&:nth-child(even) {
			background-color: white;
		}
	}
}
#tbl_recipients_list {
        @include recepient_list();
        clear: both;
}
#tbl_archive_list {
	@include recepient_list();
}
#tbl_recipients_send_list {
	@include recepient_list();
	clear: both;
        border: 1px solid $soft_blue;
	th {
                background-color: $soft_blue_lighten;
		padding-left: 1px;
		padding-right: 15px;
                border-top: 1px solid $soft_blue;
		border-bottom: 1px solid $soft_blue;
	}
	td {
		padding: 2px 1px;
		padding-left: 1px;
		padding-right: 15px;
                border-bottom: 1px solid $soft_blue;
	}
}
#tbl_recipients_source_list {
        @include recepient_list();
        clear: both;
	td {
		padding: 2px 1px;
		padding-left: 2px;
	}
}
.tbl_icon {
	min-width: 20px !important;
	max-width: 25px !important;
	width: 20px !important;
}
.tbl_icon_sent {
	min-width: 22px !important;
	text-align: center !important;
}
.tbl_icon_responded {
	min-width: 22px !important;
	text-align: center !important;
}
.tbl_icon_unsubscribed {
	min-width: 22px !important;
	text-align: center !important;
}
.tbl_inv_left {
	text-align: left !important;
}
.tbl_inv_center {
	text-align: center !important;
}
.inv_note {
	display: inline-block;
	text-align: justify;
	color: $grey_super_dark;
	font-size: 11px;
	max-width: 630px;
	padding: 2px 10px;
	margin-bottom: 10px;
}
@mixin inv_button_field_container(){
    display: block !important;
	margin: 0px !important;
	padding: 0px !important;
	clear: both;
    
    font-size: 11px;
	
    -moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-ms-user-select: none;
	
    ul {
        display: flex !important;
        flex-wrap: wrap;
		//width: ;

		margin: 0px !important;
		padding: 0px !important;
		clear: both;

		list-style-type: none;
		font-size: 11px;
		
        border: $grey_normal;

		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
		-ms-user-select: none;
        
		li {
            display: flex;
            align-items: center;
			cursor: pointer;
			min-height: 24px;
			width: 30%;
            
            box-sizing: border-box;
			padding-left: 5px;
			margin: 5px;

			color: $strong_blue;
			text-align: left;
			vertical-align: middle;

            background-color: $strong_blue_super_light;

			border: 1px solid $strong_blue;
			border-radius: 5px 5px 5px 5px;
			-moz-border-radius: 5px 5px 5px 5px;
			-webkit-border-radius: 5px 5px 5px 5px;
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
			-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
			-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);

            label{
                width: 100%;
                box-sizing: border-box;

                padding: 0;
                line-height: 30px;
            }
		}
	}
	label {
		padding: 5px;
	}
	ul.noedit {
		li.inv_field_enabled {
			//font-weight: bold;
			color: $strong_blue !important;
			border: 1px solid $grey_super_light !important;
			background-color: $grey_super_light !important;
			cursor: text !important;
		}
	}
}
#inv_field_container {
        @include inv_button_field_container();
}
#inv_sys_container {
        @include inv_button_field_container();
        ul {
		li {
			overflow: hidden;
			white-space: nowrap;
			width: 85px;
		}
	}
}
ul#merge {
	font-size: 11px;
	display: block !important;
	margin: 0px !important;
	padding: 0px !important;
	clear: both;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-ms-user-select: none;
	min-height: 25px;
	list-style-type: none;
	margin: 0px;
	width: auto;
	border: gray;
	input {
		margin-bottom: 3px;
	}
	li {
		cursor: pointer;
		height: 18px;
		width: 80px;
		width: auto;
		display: inline-block;
		padding: 1px 0px 2px 0px;
		margin: 5px;
		color: $strong_blue;
                background-color: $strong_blue_super_light;
                border: 1px solid $strong_blue;
		text-align: center;
		vertical-align: middle;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	}
}
ul#merger {
	label {
		margin-top: 2px;
	}
}
#inv_field_container.from_system {
	ul {
		li {
			width: 85px;
		}
	}
}
.inv_field_enabled {
	//font-weight: bold;
	color: white !important;
	border: 1px solid $strong_blue !important;
	background-color: $strong_blue !important;
}
textarea#inv_recipients_list {
        margin-top: 4px;
	width: 635px;
	border: none;
	min-height: 100px;
	padding: 0px;
	outline: 1px solid $grey_normal;
	font-size: 11px;
	max-height: 200px;
	overflow: auto;
}
#merge {
	label {
		padding: 5px;
	}
}
#inv_field_list {
	color: $grey_dark;
	font-style: italic;
}
#inv_recipiens_added {
	font-size: 12px;
	color: $soft_blue_very_darken;
	width: 620px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: $soft_blue_very_lighten;
        border: 1px solid $soft_blue;
	line-height: 1.2em;
}
#inv_recipiens_rejected {
	font-size: 12px;
	color: black;
	width: 620px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5em;
	border: 1px solid $grey_very_light;
}
.inv_count {
	padding-left: 5px;
	font-weight: bold;
}
.inv_sample {
	float: left;
	display: inline-block;
	color: $grey_dark;
	font-style: italic;
}
#inv_messages_holder_noEmailing {
	padding: 10px;
	margin: 0 0 15px 10px;
	width: 883px;
	background: $soft_blue_very_lighten;
}
#inv_msg_preview {
	max-width: 680px;
	margin-top: 10px;
	background-color: $soft_blue_very_lighten !important;
}
#inv_send_mail_preview {
	width: auto;
	th {
		font-weight: normal;
		margin: 3px;
		padding: 3px;
	}
	td {
		margin: 3px;
		padding: 3px;
		display: inline-block;
		font-weight: normal;
		text-align: left;
		width: 100%;
	}
}
.inv_bt {
	border-bottom: 1px solid $grey_super_light;
}
@mixin inv_message_input(){
        font-size: 12px;
	width: 380px;
	border: 1px solid $grey_very_light;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	&:focus {
		background-color: $orange_super_lighten;
	}
}
input#inv_message_subject {
	@include inv_message_input();
}
textarea#inv_message_body {
	@include inv_message_input();
	height: 120px;
	min-height: 200px;
}
input#inv_message_replyto {
	@include inv_message_input();
}
input#inv_message_comment {
	@include inv_message_input();
}
.inv_message_errors {
	float: left;
	width: 600px;
	height: auto;
	margin: 0px;
	padding: 10px;
	line-height: 15px;
	font-size: 11px;
	background-color: $grey_super_light;
	color: $red_error;
	font-weight: bold;
        border: 1px solid $red_error;
}
@mixin inv_error_note(){
        color: $red_error;
	margin-left: 10px;
	line-height: 18px;
	line-height: 1.5em;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0px;
	width: auto;
}
.inv_error_note {
	@include inv_error_note();
}
#inv_error_note {
	@include inv_error_note();
}
.inv_msg_note {
	@include inv_error_note();
	color: $soft_blue_very_darken;
}
#inv_import_list_container {
	margin-right: 5px;
	padding: 8px;
	min-height: 355px;
	width: 670px;
	background: $soft_blue_very_lighten;
        border: 1px solid $soft_blue;
	float: left;
	display: inline-block;
	width: auto;
	span {
		label {
			vertical-align: bottom;
		}
	}
}
#inv_recipients_profiles_holder {
	margin-right: 5px;
	padding: 8px;
	min-height: 355px;
	width: 670px;
	background: $soft_blue_very_lighten;
        border: 1px solid $soft_blue;
	float: left;
	margin-left: 10px;
	display: inline-block;
	width: auto;
	overflow: hidden;
	span {
		line-height: 24px;
		font-size: 13px;
	}
}
#inv_messages_profiles_holder {
	margin-right: 5px;
	padding: 8px;
	min-height: 355px;
	width: 670px;
	background: $soft_blue_very_lighten;
        border: 1px solid $soft_blue;
	float: left;
	margin-left: 10px;
	display: inline-block;
	width: auto;
	overflow: hidden;
	span {
		line-height: 24px;
		font-size: 13px;
	}
}
#inv_import_list {
	float: left;
	display: inline-block;
	width: auto;
}
.append-merge {
	#inv_import_list {
		float: none;
		display: block;
	}
}
#inv_step_nav {
	clear: both;
	display: inline-block;
	width: auto;
	padding: 0px 3px;
	margin: 0 20px 10px 0;
	font-size: 14px;
	font-weight: 600;
	color: $strong_blue;
}
.inv_space {
	clear: both;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	width: 40px;
}
div.inv_step {
        height: 15px;
	cursor: pointer;
	float: left;
	width: auto;
	margin: 3px 5px;
	padding: 0px;
	span.circle {
		display: inline-block;
		margin: 0px 0px;
		width: 24px;
		height: 24px;
		font-size: 13px;
		line-height: 24px;
		text-align: center;
		color: $strong_blue_lighten;
		border: 1px solid $strong_blue_lighten;
		border-radius: 14px;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
	}
	span.label {
		display: inline-block;
		padding: 0px 5px;
		line-height: 24px;
		text-align: center;
		color: $strong_blue_lighten;
		line-height: 18px;
	}
	a {
		&:hover {
			span {
				color: $strong_blue;
			}
			span.circle {
				color: white;
				background-color: $orange;
				border: 1px solid $orange;
				border-radius: 14px;
				-moz-border-radius: 14px;
				-webkit-border-radius: 14px;
			}
		}
	}
        .yellow {
                height: 10px;
        }
}
div.inv_step.active {
	background-color: white;
	a {
		span {
			color: $strong_blue;
		}
		span.circle {
			color: white;
			background-color: $orange;
			border: 1px solid $orange;
			border-radius: 14px;
			-moz-border-radius: 14px;
			-webkit-border-radius: 14px;
		}
	}
}
.inv_step_space {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 13px;
}
#invitation_profile_notes {
	display: inline-block;
	float: left;
	width: 255px;
	height: auto;
	min-height: 365px;
	margin: 0px 0px 0px 15px !important;
	padding: 10px;
	line-height: 14px;
	color: black;
	font-size: 11px;
        border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
	ul {
		list-style: square inside;
		margin: 0px;
		padding: 0px;
	}
	li {
		padding-bottom: 5px;
	}
}
#inv_select_mail_to {
	display: block;
	float: left;
	margin-right: 20px;
	padding: 7px;
	min-height: 250px;
	min-width: 450px;
	font-size: 12px;
        border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
}
#inv_select_mail_to_respondents {
	font-size: 12px;
	margin: auto;
	margin-top: 10px;
	padding: 7px;
	min-height: 250px;
	max-height: auto;
	float: left;
	ol {
		margin: 0px;
		padding: 0px;
		list-style: none;
		li {
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
	}
}
#inv_select_mail_preview {
	float: left;
	padding: 7px;
	margin-left: 7px;
	width: 428px;
	font-size: 12px;
        border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
}
.inv_send_span {
	display: inline-block;
	margin-top: 7px;
	label {
		vertical-align: middle !important;
	}
	input {
		vertical-align: middle !important;
		margin-bottom: 3px;
	}
}
.inv_send_span.shift {
	padding-left: 100px;
}
#inv_view_arch_recipients {
    @include popup_general();

	height: auto;
	width: auto;
}

.inv_arch_subject {
	max-width: 200px;
}
@mixin inv_left_list(){
    margin: 0px;
	padding: 0px;
	min-width: 100px;
	max-width: 400px;
	min-height: 100px;
	max-height: 600px;
	overflow: auto !important;
	display: inline-block;
	border: 1px solid $grey_very_light;
	background-color: white;
	width: 200px !important;
	height: 237px !important;
	ol {
		margin: 0px;
		padding: 0px;
		display: block;
		border-bottom: 1px solid $grey_very_light;
		li {
			display: block;
			list-style-image: none;
			list-style-position: outside;
			list-style-type: none;
			line-height: 20px;
			border-top: 1px solid $grey_very_light;
			padding: 0px 5px;
			cursor: pointer;
		}
		li.active {
			background-color: $strong_blue;
			color: white;
		}
	}
}
#inv_import_list_profiles {
        @include inv_left_list();
}
#invitation_messages {
	@include inv_left_list();
}
#inv_recipients_profile_name {
    @include popup_general();
    
	height: auto;
	width: 300px;
}
#inv_recipients_profile_name.access {
	min-width: 350px;
}
#rec_profile_name {
	width: 150px;
}
#rec_profile_comment {
	width: 250px;
}
#inv_edit_recipient {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	table-layout: auto;
	th {
		text-align: right;
		font-weight: normal;
		padding: 3px;
	}
	td {
		padding: 3px;
	}
	input {
		width: 300px;
	}
}
.inv_input_error {
	border: 1px solid $red_error;
}
#inv_rec_filter {
	float: left;
	width: auto;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 8px;
	border: 1px solid $grey_super_light;
}
#inv_rec_cehckboxes {
	float: left;
	width: auto !important;
	span {
		display: inline-block;
		padding: 3px !important;
	}
}
.inv_high {
	display: inline-block;
	line-height: 13px;
	background: $orange_super_lighten;
	color: $orange_very_darken;
	font-weight: bold;
}
.inv_high_i {
	display: inline-block;
	line-height: 13px;
	background: $orange_super_lighten;
	color: $orange_very_darken;
	font-weight: bold;
}
#inv_delete_rec_confirm {
    @include popup_general();
    
	height: auto;
}
.inv_send_message {
	padding: 15px;
	height: auto;
	background-color: $soft_blue_very_lighten;
	max-width: 600px;
}
.inv_new_list_note {
	font-style: italic;
	color: $grey_normal;
	font-size: 95%;
}
#inv_bottom_edit {
	width: auto;
	margin:7px 0 0 11px;
	
	a{
		padding-right: 10px;
	}
}
#inv_arch_mail_preview {
	font-size: 12px;
	margin: 5px auto;
	overflow: auto;
	max-height: 500px;
	table#inv_arch_mail_preview {
		td {
			padding-top: 5px;
			padding-bottom: 10px;
		}
	}
}
fieldset.inv_fieldset {
	display: block;
	width: 98%;
	margin: -5px 0 0 5px;

	>div {
		margin: 0px 0px;
    }
    
	span.legend {
		color: $grey_normal;
		font-weight: 500;
	}
}
table.inv_dashboard_table {
	width: 530px !important;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	font-size: 12px;
	th {
		padding: 3px;
		border-bottom: 1px solid $grey_super_light;
		font-weight: normal;
		text-align: left;
	}
	td {
		padding: 3px;
	}
	th+th {
		width: 70px !important;
		text-align: center;
	}
	th+th+th {
		width: 70px !important;
		text-align: center;
	}
	td+td {
		width: 70px !important;
		text-align: center;
	}
	td+td+td {
		width: 70px !important;
		text-align: center;
	}
}
table.inv_dashboard_table.sub {
	margin-left: 20px;
	width: 510px !important;
	margin-bottom: 25px;
}
span.inv_dashboard_sub_title {
	display: inline-block;
	margin-left: 5px;
	color: $strong_blue;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 5px;
	span {
		margin-left: 5px;
		color: $grey_normal;
		font-size: 13px;
		font-weight: 600;
		margin-bottom: 5px;
	}
}
span.inv_dashboard_sub_detail {
	display: inline-block;
	margin: 0px 5px 5px 5px;
	font-size: 13px;
}
#inv_send_note {
	position: absolute;
	z-index: 9999;
	display: none;
	width: 200px;
	height: auto;
	margin: auto auto;
	margin-top: -100px;
	padding: 20px 50px;
	text-align: center;
	background-color: white;
	border: 4px solid $popup_border;
	box-shadow: 0 0 20px black;
}
div#inv_edit_rec_list {
	margin: 0px;
	padding: 0px;
	overflow: auto !important;
	background-color: white;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-ms-user-select: none;
}
table.inv_edit_rec_list {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	table-layout: auto;
	border: 1px solid $grey_very_light;
	border-top: none;
	max-width: 800px;
	tr {
		border-top: 1px solid $grey_very_light;
		cursor: pointer;
	}
	tr.active {
		background-color: $strong_blue_super_darken;
		color: white;
	}
	td {
		padding: 3px 5px;
	}
	th {
		padding: 3px 5px;
	}
}
#invListAccess {
	max-width: 600px;
}
div.listAccess_uid {
	min-width: 147px;
	height: 19px;
}
#inv_upload_list {
	@include popup_general();
	
    height: auto;
    padding-bottom: 45px;
}
#tbl_respondentArchive {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	table-layout: auto;
	clear: both;
	th {
		color: $grey_super_dark;
		padding: 3px;
		padding-left: 7px;
		font-size: 12px;
		font-weight: normal;
		height: 24px;
		vertical-align: middle;
		background-color: $grey_super_light;
		border-top: 1px solid $grey_super_light;
		border-bottom: 1px solid $grey_super_light;
		text-align: left;
		width: 150px;
	}
	td {
		padding: 5px 3px;
		padding-left: 7px;
		font-size: 11px;
		vertical-align: middle;
		border-bottom: 1px solid $grey_super_light;
	}
	tr {
		&:nth-child(odd) {
			background-color: $soft_blue_very_lighten;
		}
		&:nth-child(even) {
			background-color: white;
		}
	}
}
span.span_list_archive {
	display: inline-block;
	padding-top: 10px;
}
span.inv_sort_ascending {
	/*background-repeat: no-repeat;
	background-image: url(../../../admin/survey/img_0/sprites.png);*/
	display: inline-block;
	height: 5px;
	width: 9px;
	margin: auto 50%;
	float: right;
	bottom: 0px;
	background-position: -225px -98px;
}
span.inv_sort_descending {
	/*background-repeat: no-repeat;
	background-image: url(../../../admin/survey/img_0/sprites.png);*/
	display: inline-block;
	height: 5px;
	width: 9px;
	margin: auto 50%;
	float: right;
	bottom: 0px;
	background-position: -225px -108px;
}
#email_server_warning {
    box-sizing: border-box;

    margin: 0 0 20px 10px;
    padding: 10px;

    line-height: 15px;
    
    color: $orange_very_darken;
	background-color: $orange_super_lighten;
	border: 1px solid $orange_very_darken;
}
.append_step {
	padding: 0 0 10px 30px;
	input[type=file] {
		font-weight: 600;
		color: $orange;
		font-size: 11px;
	}
}
#invRecipiensList1 {
	padding: 2px 0 0 10px;
}
#invRecipiensList2 {
	padding: 2px 0 0 10px;
}
#invRecipiensList3 {
	padding: 2px 0 0 10px;
}
#invRecipiensList4 {
	padding: 2px 0 0 10px;
}
#invRecipiensList5 {
	padding: 2px 0 0 10px;
}
.inv_send_mail_send_type {
	margin-bottom: 20px;
	padding: 7px;
        border: 1px solid $soft_blue;
	background-color: $soft_blue_very_lighten;
}
#inv_send_mail_btn {
	height: 30px;
}