/*
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 : 25-Jul-2018, 11:32:08
    Author     : podkrizniku
*/

$item_text: $grey_dark;

#new_anketa_div {

	#left_menu {
		position: absolute;
		
		width: 240px;
		height: 100%;
		padding: 0;
		
		background-color: #fff;
		border-right: 1px solid $soft_blue;
        
        .title{
            display: block;
			margin: 0px 0 1px 0;
			padding: 20px 0 20px 30px;
			
			color: white;
			font-size: 16px;
			font-weight: 600;
			text-transform: uppercase;
			
			background-color: $strong_blue;
        }

		.item {
			display: block;
			margin: 0px 0 1px 0;
			padding: 20px 0 20px 30px;
			
			color: $item_text;
			font-size: 15px;
			font-weight: 400;
			text-transform: uppercase;
			
			background-color: $soft_blue_lighten;
			
			&:hover {
				background-color: darken( $soft_blue_lighten, 5% );
			}
		}
		
		.item.active {
			background-color: $orange_very_lighten;
		}
		
		ul{
			list-style-type: none;
			padding-left: 30px;
			margin: 25px 0 15px 0;
			li{
				padding: 0 0 10px 0;				
				a{
					font-size: 14px;
					color: $item_text;
					&:hover{
						color: $strong_blue;
					}
				}
				.active{
					color: $strong_blue;
				}
			}
		}		
	}
}