1KA_F2F/resources/sass/admin/header.scss

/*
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 : 18-Jul-2018, 10:11:27
    Author     : podkrizniku
*/

$anketa_title: $grey_normal;
$anketa_url_disabled: silver;
$anketa_url_enabled: $strong_blue;
$mail_unread: #ffffff;
$user_dropdown_text: #4d4d4d;
$header_background: #ffffff;

/*#enka_nav input[type="text"] {
	width: 80px;
	-webkit-transition: width 400ms ease;
	-moz-transition: width 400ms ease;
	-o-transition: width 400ms ease;
	-ms-transition: width 400ms ease;
	transition: width 400ms ease;
}
#enka_nav input[type="text"]:focus {
	width: 200px;
}*/

.mobile_header{
    display: none;
}

#logo {
	position: absolute;
	left: 15px;
	top: 12px;
}
#enka_logo {
	display: block;

	background-image: url(../img/logo/1ka_slo.svg);
	background-repeat: no-repeat;

	width: 72px;
	height: 41px;
	margin: 0;
	padding: 0;
}
#enka_logo.english {
	background-image: url(../img/logo/1ka_eng.svg);
	background-repeat: no-repeat;
}
body.body_anketa {
	#logo {
		left: 0px;
		top: 0px;
		width: 31px;
		height: 42px;
		padding: 12px 15px;
	}
	#enka_logo {
		display: block;

		background-image: url(../img/logo/1ka_slo.svg);
		background-repeat: no-repeat;

		width: 72px;
		height: 41px;
		margin: 0;
		padding: 0;
	}
	#enka_logo.english {
		background-image: url(../img/logo/1ka_eng.svg);
		background-repeat: no-repeat;
	}
	#topLine2 {
		margin: 0;
		padding-left: 50px;
		height: 66px;
		font-size: 13px;
		vertical-align: middle;
	}
}
#topLine2 {
	margin: 0px;
	height: 66px;
	font-size: 13px;
	.borderLeft {
		padding-left: 10px;
	}
}
#anketa_naslov {
	display: inline-block;
	margin-top: 21px;
	padding: 0 0 0 55px;
	font-size: 17px;
	a {
		color: $anketa_title;
		text-decoration: none;
		font-weight: 600;
		
		padding-left: 15px;
	}
}
#anketa_naslov.anketa_img_nav {
	white-space: nowrap;
}
#anketa_url {
	font-size: 15px;
	color: $anketa_url_disabled;
	img {
		padding-right: 5px;
	}
	a {
		color: $anketa_url_enabled !important;
		font-weight: 400;
		&:VISITED {
			color: $anketa_url_enabled !important;
			font-weight: 400;
		}
		&:HOVER {
			color: $orange !important;
			text-decoration: none;
		}
	}
}
.anketa_url_bottom {
	font-size: 11px;
	color: $anketa_url_disabled;
	padding-left: 10px;
}
#anketa_aktivacija {
	img {
		padding-right: 5px;
	}
}
#anketa_activation {
	padding: 0 5px 0 15px;
}
.request-help {
	margin-left: 10px;
}
.quick-settings {
	margin-left: 10px;
}
#anketa_active {
	height: auto;
	width: auto;
	min-width: 1002px;
	
	background-color: $header_background;
}
#anketa_active.newCss {
	border: none;
}
#anketa_active.folders {
	border: none;
}

// Gumb za aktivacijo ankete
.switch_anketa {
	position: relative;
	display: inline-block;
	
	width: 50px;
	height: 18px;
	margin: 0 3px -2px 0;
	
	color: white;
	font-size: 11px;
	font-weight: 600;
	
	.switch_anketa_content {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 2px;
		
		background-color: $strong_blue;
		border-radius: 20px;
	}
	.switch_anketa_content:before {
		position: absolute;
		content: "";
		
		height: 14px;
		width: 14px;
		bottom: 2px;
		
		background-color: white;
		border-radius: 50%;
	}
}
.switch_anketa.anketa_on{
	.switch_anketa_content{
		padding-left: 9px;
		background-color: $strong_blue;
	}
	.switch_anketa_content:before{
		right: 2px;
	}
	&:hover{
		.switch_anketa_content{
			background-color: $orange;
		}
	}
}
.switch_anketa.anketa_off{
	.switch_anketa_content{
		padding-left: 19px;
		background-color: $strong_blue_lighten;
	}
	.switch_anketa_content:before{
		left: 2px;
	}
	&:hover{
		.switch_anketa_content{
			background-color: $strong_blue;
		}
	}
}

input#searchSurvey {
	display: none;
	width: 150px;
	padding: 3px 0 3px 5px;
	margin-top: -8px;
	border: 1px solid $soft_blue;
}
/*Search, help, user info*/
#enka_nav {
	display: inline-block;
	position: absolute;
	top: 21px;
	right: 17px;
	
	text-align: right;
	margin-top: 0px;
	height: 25px;
	
	
	#search_holder {
		display: inline-block;
		vertical-align: middle;
	}
	#help_holder {
		display: inline-block;
		vertical-align: middle;
		margin-left: 12px;
	}
	#fieldwork_holder {
		display: inline-block;
		vertical-align: middle;
		margin-left: 12px;
	}
	#notification_holder {
		display: inline-block;
		vertical-align: middle;
		margin-left: 12px;
	}
}
span.sprites.mail_unread {
	color: $mail_unread;
	font-size: 11px;
	font-weight: bold;
	line-height: 23px;
	text-align: center;
	text-indent: 10px;
}
#xtradiv {
	display: inline-block;
	width: auto;
	margin-left: 15px;
	vertical-align: middle;
	.xtraname {
		cursor: pointer;
		display: inline-block;
		width: auto;
		padding: 0 15px 2px 0;
		font-weight: 500;
		color: $strong_blue;
		
		&:hover{
			color: $orange;
		}
	}
	#xtradivSettings {
		display: none;
		position: absolute;
		z-index: 99999;
		right: 8px;
		top: 35px;
		padding: 5px 10px;
		width: 120px;
		text-align: left;
		background-color: $header_background;
		border: 1px $soft_blue solid;
		-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
		box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
		-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.4);
		span.xtraSetting {
			clear: both;
			float: left;
			padding: 6px 0;
			a.xtra {
				display: inline;
				vertical-align: middle;
				
				font-size: 13px;
				color: $user_dropdown_text;
				
				&:hover {
					color: $orange;
					.faicon {
						color: $orange;
					}
				}
				
				span.faicon {
					display: inline;
					vertical-align: middle;
					margin-right: 10px;
				}
			}
		}
		
	}
}
/*tooltips on survey*/
.tooltip {
	position: relative;
	.expanded-tooltip {
		display: none;
		white-space: normal;
	}
	&:hover {
		.expanded-tooltip {
			display: block;
		}
	}
}
.tooltip.monitor {
	cursor: pointer;
}