/*
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 : 24-Jul-2018, 12:04:21
    Author     : podkrizniku
*/

$main_text: $grey_super_dark;
$link_grey: $grey_dark;
$main_background: white;
$select_background: white;
$fieldset_border: #E6E6E6;

html {
    height: 100%;
	background-color: $main_background;
}
body {
    position: relative;
    height: 100%;

	margin: 0px;
	padding: 0px;
	background-color: $main_background;
	color: $main_text;
    font-size: 12px;
    
    p.ui-draggable-dragging {
		background-color: white;
		padding: 5px;
		width: 200px;
		border: 1px solid gray;
		z-index: 100;
    }
    
	div.folder_container.ui-draggable-dragging {
		background-color: white;
		padding: 5px;
		border: 1px solid gray;
		width: 200px;
		height: 16px;
		line-height: 16px;
		overflow: hidden;
		z-index: 100;
		div.folder_right {
			display: none;
		}
	}
	span.new_spr.ui-draggable-dragging {
		background-color: white;
		padding: 5px;
		border: 1px solid gray;
		width: 200px;
		height: 16px;
		line-height: 16px;
		overflow: hidden;
		z-index: 100;
	}
}
h1 {
	font-size: 20px;
	color: $strong_blue;
}
h2 {
	font-size: 16px;
	font-weight: 600;
	color: $strong_blue;
}
h3 {
	font-size: 12px;
	font-weight: normal;
}
h4 {
	font-weight: 600;
	font-size: 14px;
}
a {
	cursor: pointer;
    display: inline;

    color: $strong_blue;
	text-decoration: none;
    
	&:hover {
		color: $orange;
		text-decoration: none;
    }
    
    img {
		border: none;
	}
}
img {
	border: none;
	vertical-align: text-bottom;
}

/*for bottom spacing between elements mainly in settings*/
fieldset {
	margin: 10px 10px 25px 10px;
	padding: 5px 15px 10px 15px;
	
	color: $main_text;
	
	border: 1px solid $fieldset_border;
	
	a {
		span {
			color: $strong_blue;
                        text-decoration: none;
                        cursor: pointer;
                        display: inline;
		}
		&:hover {
			span {
				color: $orange;
                                text-decoration: none;
			}
		}
	}
	
    span {
            /*margin-bottom: 1px;*/
			
			color: $main_text;
			font-weight: normal;
    }
    select {
            margin-bottom: 1px;
    }
    input[type=text] {
            margin-bottom: 1px;
    }
	input[type=radio] {
            margin-bottom: 1px;
    }
	
    p{
            input[type=text] {
                    margin-bottom: 0;
            }
            label {
                    display: inline-block;
                    margin-bottom: 0;
            }
            input[type=radio] {
                    margin-bottom: 0;
            }
    }
    
    label {
            display: inline-block;
            margin-bottom: 1px;
    }
}

/* ker IE nardi razmake */
form {
	padding: 0px;
	margin: 0px;
}
label {
	cursor: pointer;
	vertical-align: middle;
	input {
		vertical-align: top;
		vertical-align: middle;
		vertical-align: text-bottom;
	}
}
legend {
	margin: 0;
	padding: 0 10px;
	color: $strong_blue;
	font-weight: 500;
	font-size: 13px;
	background-color: $main_background;
}
legend.red {
	font-size: 14px;
}
table {
	th {
		font-weight: 500;
	}
}
input {
	vertical-align: middle;
	font-size: 12px;
}
select {
	cursor: pointer;
	vertical-align: middle;	
	height: 22px;
	
	font-size: 12px !important;
	color: $main_text !important;
	
	background: $select_background;
	background-color: $select_background;
	
	border: 1px $soft_blue solid !important;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
}
textarea {
	vertical-align: middle;
	font-size: 12px;
	color: $main_text !important;
        width: 40%;
	border: 1px solid #c6c6c6 !important;
	&:not(disabled) {
		background: #ffffff;
	}
	&:disabled {
		background: #eeeeee;
	}
}
button {
	vertical-align: middle;
	font-size: 9px;
}
input[type="text"] {
	color: $main_text !important;
	border: 1px solid #c6c6c6 !important;
	&:not(disabled) {
		background: #ffffff;
	}
	&:disabled {
		background: #eeeeee;
	}
}
input[type="number"] {
	color: $main_text !important;
	border: 1px solid #c6c6c6 !important;
	background: #ffffff;
	padding: 3px 0 3px 3px;
}
iframe {
	border: 0;
}


/*main div element (parent of #anketa and #anketa_active)*/
#main_holder{
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
}

#main {
    padding: 0;
    margin: 0;
    border: 0;

    flex-grow: 1;

    #anketa {
        border: 0;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        
        #anketa_edit{
            box-sizing: border-box;
            display: flex;
            flex-direction: row;

            width: 100%;

            padding: 30px 40px 40px 30px;

            .anketa_edit_left{
                display: flex;
                flex-direction: column;

                margin-right: 20px;
            }

            .anketa_edit_main{
                flex-grow: 1;
                width: 100%;
            }
        }
 
        div {
            .folder_container {
                height: 17px;
                padding: 3px;
                margin: 3px;
                overflow: hidden;
            }
            .folder_right {
                float: left;
                width: 100px;
                text-align: left;
            }
        }
        span.opombe {
            color: $grey_normal;
            height: 17px;
            width: auto;
            font-size: 12px;
            span {
                font-size: 16px;
            }
        }
        ul {
            list-style: none;
            margin: 0;
        }
        ul.first {
            margin-top: 10px;
        }
        li {
            .anketa {
                margin: 0;
                padding-left: 14px;
            }
        }
        ul.number_list {
            list-style-type: decimal;
        }
    }

}






@import "basic_font";
@import "basic_classes";
@import "basic_buttons";
@import "basic_color_classes";