/*
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 : 10-Aug-2018, 13:04:34
    Author     : podkrizniku
*/

#survey_list_settings {
	border: 1px solid $red_error;
	background: white;
	height: 570px;
	overflow: auto;
	width: 810px;
}
#survey_ListQickInfo {
	position: fixed;
	width: auto;
	z-index: 90;
	background-color: $grey_almost_white;
	padding: 10px;
	border: 1px solid $popup_border;
	top: 50px;
	right: 100px;
	font-size: 12px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 0 15px $grey_normal;
	-moz-box-shadow: 0 0 15px $grey_normal;
	-webkit-box-shadow: 0 0 15px $grey_normal;
}
#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 350px;
	li.sortable_noGroup {
		margin: 0 3px 3px 3px;
		padding: 3px 5px;
		font-size: 13px;
		height: 16px;
		border: 1px solid $grey_normal;
		background-color: $grey_super_light;
		color: $grey_normal;
		font-weight: bold;
		width: 300px;
		&:hover {
			border: 1px solid $strong_blue_lighten;
		}
	}
	li.sortable_group {
		margin: 0 3px 3px 3px;
		padding: 3px 5px;
		font-size: 13px;
		height: auto;
		border: 1px dashed $grey_normal;
		background-color: white;
		color: $grey_normal;
		font-weight: bold;
		width: 300px;
		&:hover {
			border: 1px solid $soft_blue;
		}
		div#group_holder {
			#sortableGroup {
				li.sortable_noGroup {
					float: left;
					width: 260px;
				}
			}
		}
	}
}
#sortableGroup {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
	li.sortable_noGroup {
		padding: 3px 5px;
		font-size: 13px;
		height: 17px;
		border: 1px solid $grey_normal;
		background-color: $grey_super_light;
		color: $grey_normal;
		font-weight: bold;
	}
}
li.sortable_noGroup {
	margin: 0 3px 3px 3px;
	padding: 4px 5px;
	font-size: 13px;
	height: 17px;
	border: 1px solid $grey_normal;
	background-color: $grey_super_light;
	color: $grey_normal;
	font-weight: bold;
}
#success_save {
	color: $orange;
	width: auto;
	padding: 5px;
	margin: 5px 0px;
	display: none;
}
.no-cookie {
	visibility: hidden;
	display: inline;
}


/* Edit user popup */
#vrednost_edit.edit_user {
    @include popup_general();
    
    width: 700px;

    .edit_user_content{
        display: flex;

        .user_settings{
            width: 450px;

            .segment{
                margin-bottom: 20px;
                padding: 10px;

                background-color: $soft_blue_very_lighten;
                border: 1px solid $soft_blue;

                p{
                    margin: 5px 0;        
                    line-height: 16px;
                }

                label{
                    width: 140px;
                    font-weight: 500;
                }

                input[type="text"],
                input[type="password"]{
                    width: 200px;
                    padding: 2px 5px;

                    color: #333;
                    border: 1px solid #c6c6c6;
                }

                input[type="radio"]{
                    margin-left: 0;
                }
            }
        }

        .survey_list{
            width: 230px; 
            max-height: 400px; 
            overflow-y: auto;

            margin-top: 45px;
            margin-left: 20px;
            padding: 0 10px 10px 10px;

            background-color: $soft_blue_very_lighten;
            border: 1px solid $soft_blue;

            ul{
                padding-left: 15px;
                list-style-type: none;
                line-height: 18px;
            }
        }
    }
}