.input-micro {
	display: inline;
	width: 70px;
}

input[required].ng-invalid, textarea[required].ng-invalid, .manual-invalid, .manual-invalid {
	background-color: #fcf3f3;
	border: 1px solid red;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

select[required].ng-invalid {
	border-color: #d9a3a3;
	border-color: red;
	box-shadow: 0 0 3px #d9a3a3;
}

#notify {
	position: fixed;
	top: 45px;
	text-align: center;
	width: 100%;
	perspective: 100px:
	-webkit-perspective: 100px:
}

#notify > div {
	width: 550px;
	margin: 0 auto;
	text-align: center;
	color: black;
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	box-shadow: 0px 0px 5px #888;

	margin-bottom: 3px;

	transition: all 1000ms;
}

#notify > div.removing {
	opacity: 0;
	transform: rotateX(90 deg);
	-webkit-transform: rotateX(90deg);
}

#notify > div.error {
	background-color: rgba(255,0,0,0.5);
}

#notify > div.ok {
	border: 2px solid rgba(64,128,64,0.5);
	background-color: rgba(64,192,64,0.85);
}

#notify > div.notify {
	background-color: rgba(0,0,255,0.5);
}

/* komentar directive */

.komentar .avtor {
	font-weight: bold;
}

.komentar .datum {
	color: gray;
}

.komentar .datum, .komentar .avtor {
	display: inline;
}

.komentarji label {
	display: inline;
}

/* hup-date directive */

.hup-date {
	position: relative;
}

.hup-date input.hup_datepicker {
	width: 110px;
	display: inline;
}

.hup-date input.hup_timepicker {
	width: 75px;
	display: inline;
}

.hup-date i.datepicker-icon {
	position: absolute;
	left: 90px;
	top: 0;
	z-index; -1;
}

.hup-date i.timepicker-icon {
	position: absolute;
	left: 55px;
	top: 0;
	z-index; -1;
}

.hup-date .datepicker .btn-default, .hup-date .timepicker .btn-default {
	background-image: none;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.hup-date input[type=date], .hup-date input[type=time]{
	padding-left: 4px;
	position: relative;
	top: 10px;
	line-height: 1.42857143;
}

.span9 {
	padding-top: 16px;
	padding-bottom: 75px;
}

.komentar .text {
	white-space: pre-wrap;
}

.konto_viri th {
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
}

.konto_viri td {
	border-bottom: 1px solid white;
	vertical-align: top;
}

.konto_viri .select2-container {
	margin-bottom: 3px;
}

.form-horizontal .control-group:after {
	clear: none;
}

#obracun_new .opis {
	white-space: pre-wrap;
	margin-left: 15px;
}

#obracun_new stroski > div:nth-child(even) blockquote {
	background-color: #eee;
}

#obracun_new stroski > div:nth-child(even) .well {
	background-image: none;
	background-color: #f9f9f9;
}

#obracun_new hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
@media screen {
	#obracun_new stroski > div:nth-child(even) blockquote hr {
		border-color: white;
	}
}

table.temeljnica {
	min-width: 100%;
	border-collapse: collapse;
	margin-top: 5px;
}

table.temeljnica th {
	text-align: left;
}

table.temeljnica th, table.temeljnica td {
	border: 1px solid #ccc;
}

.btn-side {
	display: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -12px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.num_changes {
    float: right;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    font-size: 15px;
    border: 1px solid #e5e5e5;
	margin-top: -20px;
}

@media
only screen and (max-width: 375px),
(min-device-width: 384px) and (max-device-width: 700px)  {

	/* Force table to not be like tables anymore */
	table.pn_seznam, table.pn_seznam > thead, table.pn_seznam > tbody, table.pn_seznam > thead > tr > th, table.pn_seznam > tbody > tr > td, table.pn_seznam > tbody > tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.pn_seznam > thead > tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.pn_seznam > tbody > tr { border: 1px solid #ccc; }

	table.pn_seznam > tbody > tr > td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%; */
		border-bottom: none;
	}

	table.pn_seznam .stevilka, table.pn_seznam .clanica, table.pn_seznam .vlagatelj {
		display: inline-block;
		width: 30%;
	}

	table.pn_seznam .trajanje, table.pn_seznam .vloga, table.pn_seznam .porocilo, table.pn_seznam .obracun {
		display: inline-block;
		width: 22%;
	}

	/*
	Label the data
	*/
	/*table.pn_seznam td.stevilka:before { content: "številka"}

	td:nth-of-type(1):before { content: "First Name"; }
	td:nth-of-type(2):before { content: "Last Name"; }
	td:nth-of-type(3):before { content: "Job Title"; }
	td:nth-of-type(4):before { content: "Favorite Color"; }
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Porn Name"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }*/
}

obroki-datumi-select {
	padding-left: 16px;
	display: block;
}

obroki-datumi-select .day {
	display: inline-block;
	cursor: pointer;
	width: 56px;
	text-align: left;
	padding-left: 3px;
}

obroki-datumi-select .day  input[type=checkbox] {
	margin-left: 0;
	position: relative;
}

obroki-datumi-select .day.weekend {
	background-color: #FFBCAB;
}

.kilometrina_map .angular-google-map-container {
	margin-top: 8px;
	height: 250px;
}

hup-date-range {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

hup-date-range i.fa {
	font-size: 20px;
	cursor: pointer;
}

hup-date-range select.form-control {
	width: 120px;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
}

@media (min-width: 1500px) {
	.container {
		width: 1470px;
	}

	.btn-side {
		display: inline-block;
	}
}

@media print {
	body {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	    zoom: 0.75;
	}

	@page {
	    size: 21cm 29.7cm;
	    margin: 1cm;
	    orphans:4;
	    widows:2;
	}

	.navbar, .sidebar-nav, footer, .span3 {
		display: none !important;
	}

	.span9 {
		min-height: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	form {
		position: relative;
	}

	legend {
		margin: 0;
	}

	blockquote {
		position: relative;
		page-break-inside:avoid;
		page-break-before: avoid;
		break-before: avoid;
		border-top: none;
		border-bottom: none;
		border-right: none;

		margin: 0;
	}

	label{
		position: relative;
		page-break-after: avoid;
		break-after: avoid;
	}

	input, select {
		color: black !important;
		border: 1px solid gray !important;
		background-color: white !important;
		box-shadow: none !important;
	}

	.btn {
		display: none !important;
	}

	.noprint {
		display: none !important;
	}

	input:-moz-placeholder, textarea:-moz-placeholder {
		color: white;
	}

	.komentarji legend {
		font-size: 14px;
	}

	a[href]:after {
		display: none;
	}

	#obracun_new h4 {
		font-size: 14px;
	}

	#obracun_new .komentarji {
		display: none;
	}

	#obracun_new .komentarji.has_racunovodstvo {
		display: block;
		margin: 16px 0;
	}

	#obracun_new .komentar {
		display: none;
	}

	#obracun_new .komentar.racunovodstvo {
		display: block;
	}

	#obracun_new blockquote {
		padding-left: 5px;
	}

	#obracun_new h5 {
		font-size: 16px;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}

	#obracun_new .opis,	.temeljnica {
		font-size: 11px;
	}

	#obracun_new stroski > div:nth-child(even) blockquote {
		background-color: none;
	}

}