/* CSS Reset */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

html{color:#000;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-family:"Open Sans", Helvetica, sans-serif;font-size:17px;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
li { margin-left: 17px; }
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; padding: 5px}
legend{color:#000}

.vnos *{ vertical-align:top;}

/* Basic */
h3 {
    font-size: 21px;
    /*color: #ff611b;*/
    color: #d44100;
    vertical-align: middle;
    white-space: nowrap;
}

/* Login */
.prijava {
    margin:20px auto 0 auto;
    width: 530px;
    padding: 20px;
    /*border: 1px solid #006385;*/
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
    .prijava table {
        margin:5px 0;
    }
    .prijava td {
        padding: 5px;
    }
    .prijava #Content_Submit {
        text-align:center;
        padding: 3px;
    }


.menu {
    width: 16%; 
}
    .menu h4 {
		
        color: #006385;
        margin: 0 0 5px 0;
        white-space: nowrap;
    }
    
    .menu h4:not(:first-child) {
		margin-top: 10px;
	}
		
    .menu .oddelek select {
        width: 220px
		
    }
    .menu ul {
        padding-left:20px;
        list-style: circle;
    }
.container {
	width: 96%;
	max-width: 96%;	
	margin: auto;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}

.h1, h1 {
	font-size: 2.5rem;
}

.h2, h2 {
	font-size: 2rem;
}

.h3, h3 {
	font-size: 1.75rem;
}

.h4, h4 {
	font-size: 1.5rem;
}

.h5, h5 {
	font-size: 1.25rem;
}


.content {
    vertical-align:top;
    width:84%;
}
    .content h1  {
        margin-top:10px;
        color: #006385;
        font-size: 3em;
        text-transform: capitalize;
    }
    .content h2 {
        color: #006385;
        margin-top:20px;
        font-size: 1.5em;
    }
    .content .napaka {
       padding: 30px 10px;
       line-height: 2em; 
    }
        .content .napaka ul {
            padding-left:20px;
            list-style: circle;
        }
    .content p {
        margin: 10px 2px;
        width:730px;
    }


/*  FERI Glava */
#tblGlava {
    width: 100%;
}
.glavaLogo{
	background: #006385;
	height: 105px;
	display: block;
	position: relative;

}
.glavaLogo a:hover{
	background: none;
}
.glavaMeni{
	background: #006A89;
	height: 14px;
	display: block;
}
.pfLogo{
	position: absolute;
	top:15px;
	left:20px;
}
.feriInfo{
	position: absolute;
	top:22px;
    line-height:1.3em;
	left:235px;
	width:200px;
	list-style: none;
	padding-left:0;
}
.feriInfo li{
	color:#fff;
	font-size:12px;
}
.feriInfo a{
	color:#b5d1e5;
	text-decoration: none;
}
.feriInfo a:hover{
	color: #93b6cf;
}
.umLogo{
	position: absolute;
	top:10px;
	right:38px;
}
.glavaMeni ul li a{
	color:#fff;
	font-weight: bold;
	font-size: 12px;
	display:block;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	padding:0 15px;
	-webkit-transition: background 100ms ease-in;
	-moz-transition: background 100ms ease-in;
	-o-transition: background 100ms ease-in;
	transition: background 100ms ease-in;
	margin-bottom: 10px;
}
.glavaMeni ul li a:hover{
	background:#006385;
}
#cellGlava img {border:none}

#header-logos {
    height: 100px;
    position: relative;
    margin: 0 auto;
}

.ferilogo {
    background-image: url('../images/logo-feri.png');
    height: 71px;
    width: 205px;
    margin: 20px auto 0;
    background-repeat: no-repeat;
}




::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbbbbb;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bbbbbb;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #bbbbbb;
}


.sv-completedpage p {
	width: 100%;
	font-size: 0.7em;
	padding-top: 1em;
}

.glavaMeni2 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.akcije li {
	display: inline;
	font-size: 1.25rem;
	padding: 0 5px;
}

.akcije, .ime {
	margin-left: 15px;
}

span.keycap {
	white-space: nowrap;
	border: 1px solid #aaa;
	border-style: outset;
	border-radius: 4px;
	padding: 0px 3px 1px 3px;
	margin: 0px 0px 0px 0px;
	vertical-align: baseline;
	line-height: 1.8em;
	background: #fbfbfb;
}


@media print {
	@page {
		size: A4;
	}
	
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
		font-size: 14px !important; 
	}
	
	h3 {
		font-size: 20px !important;
	}
	
	.container {
		max-width: 100% !important;
		width: 100% !important;
	}
  
	#header-logos, .glavaMeni, .glavaMeni2, .menu, .sv-page__description, .sv-page__title,
	#sp_101, .btnprint {
		display: none;
	}
	
	p {
		text-align: justify;
	}
	
	.sv-table {
		background: #fff !important;
	}
	
	.sv-table__cell {
		padding: 0.1em 0 !important; 
	}
	
	label, .sv-selectbase__item {
		margin-bottom: 0 !important;
	}
	
	.sv-row:not(:last-child) {
		padding-bottom: 1.3em !important;
	}
	
	.sv-table td:first-child {
		width: 30%;
	}
	
	.sv-table td {
		width: calc(70% / 6);
	}
	
	textarea, .sv-matrix {
		width: 90% !important;
	}
	
	.sv-question__title--answer {
		background: #fff;
	}
	
	.sv-table .sv-table__cell.sv-matrix__cell:first-child {
		text-align: left !important;
	}
	
	.main-title {
		margin-left: 0 !important;
	}
	
	@-moz-document url-prefix() {
		textarea, .sv-matrix {
			width: 100% !important;
		}
	}

}




a {
	/*color: #007bff;*/
	color: #036080;
	/*text-decoration: none;*/
	background-color: transparent;
	font-weight: bold;
}


.btn, .sv-btn {
	padding: 1rem 1.5rem;
	margin-right: 10px;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
	font-family:"Open Sans", Helvetica, sans-serif;
}


.btn-secondary {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
}

img {
	vertical-align: middle;
	border-style: none;
}

.sv-body__page, .sv-body__footer {
	margin-right: 0;
	margin-left: 0;
}
.sv-table {
	padding-left: 0;
	padding-right: 0;
}

.sv-table__cell {
	padding-left: 0.5em;
	font-size: 0.9rem
}

.sv-table .sv-table__cell:first-child {
	width: 20%;
	font-size: 1rem;
}

.sv-table__cell {
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.sv-container-modern__title {
	margin-right: 0;
	margin-left:  0;
}

.sv-item__control-label > span {
	font-size: 16px;
}


.faq p {
	margin-bottom: 2rem;
}

.sv-table__cell.sv-table__cell--header:last-child,
.sv-table__cell.sv-matrix__cell:last-child {
    border-left: 1px dotted #ccc;
}

.sv-table__cell.sv-table__cell--header,
.sv-table__cell.sv-matrix__cell {
	text-align: center;
}

.sv-container-modern__title.main-title {
	margin-left: 0.75em;
}



table.dataTable thead th, table.dataTable thead td {
  padding: 8px 10px !important;
}

span.info {
	background: url(../images/info.png);
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	position: relative;
	margin-bottom: -2px;
}

span.info::after {
	content: "Podatke vnaša vsak izvajalec zase.";
	width: 300px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -60px;
	visibility: hidden;
}

span.info:hover::after {
  visibility: visible;
}

tr.warn td:first-child {
/* 	background: red !important; */
}