/*
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 : 07-Aug-2018, 12:29:41
    Author     : podkrizniku
*/

/*popup for survey activation and GDPR*/
#anketa_activate_note {
	height: auto;
	min-height: 100px;
	width: 550px;

    font-size: 13px;
    
    #div_lock_survey{
        padding-bottom: 30px;
    }
}
#anketa_advanced_options {
	border: 1px solid $grey_normal;
	margin-bottom: 20px;
	margin-left: 1%;
	margin-right: 1%;
	padding: 10px 10px 10px 10px;
	min-height: 250px;
	background-color: white;
}
/*survey time span popup*/
#surveyTrajanje {
	@include popup_general();
    @extend .popup_orange;
    
	display: none;

	width: 500px;
}
#surveyTrajanje_img {
	float: left;
	width: 20px;
}
#surveyTrajanje_msg {
	float: left;
}
#surveyTrajanje_close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
}
.trajanjeLinkOff {
	float: right;
	color: $grey_normal;
	padding-top: 15px;
	text-indent: 20px;
	cursor: pointer;
	.sprites.trajanje_star {
		background-position: -157px -98px;
	}
}
.trajanjeLinkOn {
	float: right;
	color: $red_error;
	padding-top: 15px;
	text-indent: 20px;
	cursor: pointer;
	.sprites.trajanje_star {
		background-position: -140px -98px;
	}
}
#divAvtoClose {
    position: absolute;
    bottom: 20px;
    left: 20px;
    line-height: 20px;

    color: $grey_normal;
    
	span {
		font-weight: bold;
	}
}
.nastavitveSpan {
	width: 90px;
	display: table-cell;
	float: left;
	text-align: right;
	font-weight: 500 !important;
}
.nastavitveSpan1 {
	width: 230px;
	padding-right: 10px;
	display: table-cell;
	float: left;
	text-align: right;
	font-weight: 500 !important;
}
.wide {
	.nastavitveSpan1 {
		width: 280px;
		max-width: 330px;
	}
}
.nastavitveSpan2 {
	width: 210px;
	padding-right: 10px;
	display: table-cell;
	float: left;
	text-align: right;
	font-weight: 500 !important;
}
.sett_left_160 {
	width: 160px;
	display: table-cell;
	float: left;
	text-align: left;
	font-weight: 600;
}
.nastavitveSpan3 {
	width: 270px;
	display: table-cell;
	float: left;
	text-align: right;
        font-weight: 500 !important;
}
.nastavitveSpan6 {
	width: 330px;
	display: table-cell;
	float: left;
	text-align: right;
	padding-right: 5px;
        font-weight: 500 !important;
}
fieldset.izvozi {
	margin: 5px;
	padding: 5px 5px 5px 5px;
	width: auto;
	border: 1px solid silver;
	legend {
		color: $grey_normal;
		font-weight: bold;
	}
}

#surveyStatistic {
	background-color: white;
	#timeProfileDafaultNote {
		margin-top: 0px;
		margin-bottom: 10px;
	}
}
#quicksettings_column {
	display: inline-block;
	float: left;
	width: 33%;
}
div.dostop_for_uid {
	width: 300px;
	height: 20px;
	margin-top: 5px;
	
	label{
		margin: 0 !important;
		
		input{
			margin: -2px 5px 0 0;
			vertical-align: middle;
		}
	}
}
#survey_list_users {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	table-layout: auto;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	th {
		padding: 3px;
		background-color: $grey_super_light;
	}
	td {
		padding: 3px;
	}
	tbody {
		tr {
			&:nth-child(odd) {
				background-color: $grey_almost_white;
			}
		}
	}
	tr {
		&:nth-child(even) {
			background-color: $soft_blue_super_lighten;
		}
	}
}
.duration_span {
	display: inline-block;
	margin-left: 10px;
	margin-right: 5px;
}
/*standard words*/
.standardna-beseda {
	clear: both;
	float: left;
	padding: 15px 10px 15px 5px;
	border: 1px white solid;

	&.sb-editing {
		background-color: $soft_blue_very_lighten;
	}

	.standardna-beseda-urejanje {
		display: block;
		float: left;
		width: 300px;
		height: auto;
		padding: 2px 15px 2px 3px;
		margin-right: 5px;
		
		border: 1px solid $grey_normal;
		background-color: white;
		
		img {
			max-width: 100%;
		}
	}

	.faicon.edit2 {
		color: $strong_blue;
		cursor: pointer;

		&::before {
			font-size: 14px;
			content: "\f304";
		}

		&:hover{
			color: $orange;
		}
	}
}
.fixed-position {
	position: fixed;
	z-index: 101;
	top: 50%;
	left: 50%;

	#vrednost_edit {
		display: block;
		margin-top: -200px;
		margin-left: -300px;
		
		span.buttonwrapper a.ovalbutton_gray{
			color: $strong_blue;
			
			&:hover span{
				color: white;
			}
		}
		
		span.buttonwrapper a.ovalbutton_orange span{
			color: white;
        }
	}
}

#unconfirmed_mail_user_list {
	>tbody {
		>tr {
			>td {
				>span.confirm-user-mail-actions {
					display: none;
				}
			}
			&:hover {
				>td {
					>span.confirm-user-mail-actions {
						display: block !important;
					}
				}
			}
		}
	}
}