/*
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 : 02-Aug-2018, 13:40:52
    Author     : podkrizniku
*/

.texteditor {
	width: 98% !important;
	height: 50px;
	margin-top: 0;
	border: 1px solid #cccccc;
}
.texteditor.info {
	height: 14px;
	line-height: 14px;
	width: 100%;
}
#vprasanje_edit {
	margin: 0px 0px;
	position: relative;
	top: -54px;
	
    background-color: white;
	
	h2 {
		span.content {
			position: absolute;
			font-weight: normal;
			right: 10px;
			top: 10px;
		}
		padding: 10px;
                border: 1px solid $soft_blue;
		border-bottom: 0;
		margin: 15px -11px 42px -11px;
		background-color: $soft_blue;
	}
	
	fieldset {
		margin: 20px 0 20px 0;
		padding: 0;
		border: 0;
		border-top: 1px solid $strong_blue;
	}
	legend {
		background-color: transparent;
		color: $strong_blue;
		font-weight: 500;
		margin: 0;
		padding: 0 10px 0 5px;
	}
	
	.jquery-selectbox {
		background-color: white;
	}
	form[name=vprasanje_edit] {
		padding: 0 10px;
	}
	
	p {
		padding: 1px 3px;
		line-height: 18px;
		
		input[type=radio] {
			vertical-align: middle;
			margin: 0px 3px 0px 10px;
		}
		
		label.title {
            cursor: pointer;
            max-width: 270px;
		}
		
		span.content {
			float: right;
			display: inline-block;
                select {
                        margin-top: -4px;
                }
                select.no-margin {
                        margin-top: 0;
                }
                input[type=checkbox] {
                        vertical-align: middle;
                        margin: 0px 3px 0px 3px;
                }
		}
	}
	div {
		padding: -10px;
	}
	p.heading {
		border: 0;
		background: none;
		padding: 0;
		margin-bottom: -7px;
		margin-top: -2px;
	}
	
	textarea[name=naslov] {
		width: 99%;
		height: 60px;
	}
	textarea[name=introduction] {
		width: 99%;
		height: 60px;
	}
	textarea[name=conclusion] {
		width: 99%;
		height: 60px;
	}
	textarea[name=statistics] {
		width: 99%;
		height: 60px;
	}
	textarea[name=info] {
		width: 98%;
		height: 12px;
	}
	
	li {
		textarea {
			height: 12px;
		}
	}
	
	span#vprasanje_edit_mv {
		select {
			width: 100%;
		}
	}
}
#vprasanje_buttons {
	position: absolute;
	bottom: 15px;
}
#vprasanje_tabs {
	select {
		float: right;
		margin: 5px 10px 0 0;
		width: 100px;
	}
    margin-top: -1px;
	position: absolute;
	background-color: $soft_blue;
	width: 100%;
	z-index: 100;
	a.tab_link {
		float: left;
		display: block;
		height: 19px;
		padding: 7px 4px;
                margin: 0 1px 0 0;
		font-size: 12px;
                border-bottom: 1px solid $soft_blue;
		color: $grey_dark;
		background-color: $soft_blue_very_lighten;
	}
	a.tab_link.active {
                border-bottom: 1px solid white;
                margin: 0 1px 0 0;
		color: $grey_dark;
		background-color: white;
	}
	.tab_link_tracking {
		position: absolute;
		right: 0;
		top: -59px;
		width: 30px;
		a.tab_link {
			background-color: white;
			color: $soft_blue;
			padding: 0;
		}
		a.tab_link.active {
			background-color: white;
			color: white;
		}
	}
}
#vrednost_edit {
    @include popup_general();

    display: none;

	z-index: 89;
	min-height: 130px;
	width: 600px;
    
	p {
		padding: 1px 3px;
	}
	div {
		padding: -10px;
	}
	textarea[name=naslov] {
		width: 99%;
		height: 60px;
	}

}

#vprasanje_float_editing {
    display: none;
	position: relative;
    z-index: 70;
    align-self: flex-start;
        
    width: 315px;
    margin-left: 20px;
    
	border: 1px solid $soft_blue;
    background-color: white;
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, 0.07);
}

#vprasanje_edit_bottom_placeholder {
	display: block;
	height: 1px;
	margin: 0 10px;
	border-top: 1px solid $soft_blue;
}