/*
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 : 03-Aug-2018, 13:12:19
    Author     : podkrizniku
*/

/* Okno za drop vprasanja, ko je anketa prazna */
.empty_vrivanje {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
	margin: 20px 0px 20px 45px !important;
	padding: 60px 0 !important;
	
	text-align: center;
	font-weight: 600;
	
    border: 1px solid $soft_blue_lighten;
    
	.empty_vrivanje_title {
        margin: 0 auto;
		padding: 8px 20px;
        
        font-size: 16px;
        font-weight: 500;
        color: $strong_blue;

		background-color: $strong_blue_super_light;
		border: 1px solid $strong_blue;
	}
	
	.empty_vrivanje_subtitle{
        margin: 15px auto 0 auto;

		font-size: 14px;
        font-weight: 400;
        
		a{
			font-weight: 500;
		}
    }
}
.empty_vrivanje.branchinghover {
    color: white;
    
    background: 0 !important;
    background-color: $orange;

    a{
        display: inline !important;
        color: white;
    }

    .empty_vrivanje_title{
        color: white;
        
        background-color: $orange;     
        border-color: white;
    }
}


.editmenu {
	float: right;
	margin: 2px 0px 0px 0px;
	padding: 2px;
	padding-right: 10px;
	border: 0;
	position: static;
}
.extra_opt {
	margin-right: 10px;
	a {
		color: black;
		text-decoration: none;
		vertical-align: bottom;
	}
}
.intro_concl {
	float: left;
	font-size: 12px;
	color: $grey_normal;
	padding: 4px;
}
.save_button {
	float: right;
	margin: 10px 0px;
	padding-right: 10px;
	z-index: 50;
}


li.spr {
	div.edit_mode {
		display: none;
	}
	div.preview_mode {
		display: block;
	}
	thead.edit_mode {
		display: none;
	}
	.editingOnly {
		visibility: hidden;
	}
	span.inline_other {
		display: none;
	}
	#variabla_new {
		span.inline_other {
			display: inline;
			margin: 0 10px;
		}
	}
}
div[contenteditable][default="1"][vre_id="new"] {
	color: $grey_light;
}
div.stolpci {
	float: left;
	span.inline_delete {
		display: none;
	}
	span.inline_edit {
		display: none;
	}
}
div#variabla_new {
	span.inline_move {
		visibility: hidden;
	}
	span.inline_edit {
		visibility: hidden;
	}
	span.inline_delete {
		visibility: hidden;
	}
	span.inline_if_follow {
		visibility: hidden;
	}
	span.inline_if_not {
		visibility: hidden;
	}
	span.inline_hidden {
		visibility: hidden;
	}
	span.correct {
		visibility: hidden;
	}
}
.show-hidden {
	visibility: visible !important;
}
.show-disable {
	visibility: visible !important;
}
.show-correct {
  visibility: visible !important;
  color: #1e88e5 !important;
}
.show-correct:before{
  visibility: visible !important;
  color: #33cc33 !important;
}
#vprasanje {
	display: none;
	position: fixed;
	top: 5%;
	bottom: 5%;
	right: 3%;
	width: 80%;
	z-index: 80;
	padding: 10px;
}
.branch {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#div_status_values {
	display: none;
	position: fixed;
	z-index: 90;
	top: 20px;
	right: 30px;
	width: 720px;
	padding: 10px;
	border: 1px solid $red_error;
	background-color: $grey_almost_white;
	fieldset {
		border: 0;
		border-top: 1px solid $soft_blue;
	}
	legend {
		background-color: $soft_blue_very_lighten;
	}
}
._branch {
	padding: 0px !important;
	margin: 0px !important;
}
/*question 5_2 - chat*/
.tawk-chat-activation.button {
	margin: 8px 10px;
	padding: 6px 8px;
	float: left;
	color: white;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	background-color: $strong_blue;
	border: 1px solid $strong_blue;
	border-radius: 4px;
	&:hover {
		background-color: $orange;
		border: 1px solid $orange;
	}
}
/*bottom links*/
.forma_bottom {
    box-sizing: border-box;

	width: 100%;
	height: 30px;
    padding: 40px 10px 20px 45px;
    
	font-size: 12px;
}
.forma_bottom_inner {
	display: inline-block;
}
.forma_bottom_inner.changes {
	float: left;
	width: 220px;
	table {
		tr {
			td {
				padding: 0 5px 0 0;
			}
		}
	}
}
.forma_bottom_inner.links {
	float: right;
	font-size: 12px;
	a {
		padding-left: 25px;
	}
}
.kviz-editing-correct::before {
  color: #33cc33 !important;
}