@import url(https://fonts.googleapis.com/css?family=Dosis|Audiowide:300,400,700&subset=latin,latin-ext);

* { margin: 0; padding: 0; font-size: 100%; outline: none;}
input {
	margin: 0;
	padding: 0;
	outline: 0;
}
select {
	cursor: pointer;
}
.padding-0 { padding: 0px !important;}
.padding-l-10 { padding: 0 0 0 10px !important;}
.padding-r-10 { padding: 0 10px 0 0 !important;}
.padding-lr-10 { padding:0 10px;}
.predfooter { 
	width: 100%; 
	height: auto;
	max-width: 960px; 
	margin: 0px auto;
	overflow: auto;
}
.predfooter a { position: relative;}
.margin-right-10 { margin-right: 10px;}
footer { padding: 20px;}
footer span { font-family: 'Audiowide', cursive;}
.btn-primary {
	transition: all .3s;
}
ul { 
	margin: 0 !important;
}
ul li { 
	display: block;
	list-style-type: none;
}
a:hover, a:active, a { text-decoration: none; outline: none;}
#login {
	height: 350px;
}
.wrapper h4 a {
	margin:0 auto;
	width: 100%;
	max-width: 960px;
}
.home-page {
	position: relative;
	top: -15px;
	left: -15px;
	height: 60px;
	line-height: 40px;
	padding: 10px;

	transition: all 0.5s;
}
#navigation { 
	line-height: 40px;
	top: -15px;
	right: -15px;
	position: relative;
}
#navigation-mobile { display: none; transition: all 0.5s;}
.nav-mobile-content {
	position: fixed;
	top:-140px;
	right: 0px;
	width: 200px;
	z-index: 0;
	overflow: auto;
	text-align: right;
	border-radius: 0 0 0 150px;

	transition: all 0.5s;
}
.nav-mobile-content li {
	padding-right: 15px;
	line-height: 50px;
	cursor: pointer;

	transition: all 0.5s;
}
.nav-mobile-content a { display: inline-block;}
#navigation li {
	float: right;
	margin-left: 5px;
	padding: 10px;
	/*width: 180px;*/
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	transition: all 0.5s;
}
#navigation li a { display: block;}
.pointer { cursor: pointer;}
.prikazi { 
	top:60px;
	z-index: 100;
}
.sakrij { 
	top:-80px;
	z-index: 0;
}
input[type]:focus, input[type], select {
	border: solid 0px #fff;
	border-color: rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0 0px rgba(0, 0, 0, 0);
	outline: 0 none;
	margin: 2px 0;
	height: 46px;
}
.alert {
	padding: 5px 10px;
	margin: 2px auto;
	width: 100%;
	max-width: 960px;
}
body {
	font-family: 'Dosis', sans-serif;
	font-size: 2em;
	padding-bottom: 170px;
	padding-top: 70px;
}
.wrapper {
	height: 100%;
	min-height: 400px;
	margin:0px 2px; 
}

.header {
  width: 100%;
  height: 60px;
}
.header { top: 0; position: fixed; z-index: 104; border-bottom: solid 1px #e7e7e7; box-sizing: content-box;}
.header nav { padding: 15px;}
.header a { color: #fff;}

h1 { font-weight: bold;}

#login .btn-group { width: 100%;}
#login .btn-group button:first-child { width: calc(100% - 50px);}
.form-signin {
	position: relative;
	top: 50px;
}
.form-signin input[type="checkbox"] {
	display: none;
}
.checkbox {
	height: 46px;
	line-height: 46px;
}
.checkbox-icon:before {
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\f096";
	margin-right:10px;
	font-size:1.5em;
	width:1em;
	-webkit-animation: tock 400ms;
	-moz-animation: tock 400ms;
	-o-animation: tock 400ms;
	-ms-animation: tock 400ms;
	animation: tock 400ms;
}
.form-signin input[type="checkbox"]:checked + label .checkbox-icon:before {
	content:"\f046";
	-webkit-animation:tick 200ms;
	-moz-animation:tick 200ms;
	-ms-animation:tick 200ms;
	-o-animation:tick 200ms;
	animation: tick 200ms;
}
@-ms-keyframes tick {
	0% { transform:scale(0);}
	90% { transform:scale(1.3);}
	100% { transform:scale(1);}
}
@-moz-keyframes tick {
	0% { transform:scale(0);}
	90% { transform:scale(1.3);}
	100% { transform:scale(1);}
}
@-webkit-keyframes tick {
	0% { transform:scale(0);}
	90% { transform:scale(1.3);}
	100% { transform:scale(1);}
}
@-o-keyframes tick {
	0% { transform:scale(0);}
	90% { transform:scale(1.3);}
	100% { transform:scale(1);}
}
@-ms-keyframes tock {
	100% { transform:scale(1);}
	20% { transform:scale(.2);}
	100% { transform:scale(1);}
}
@-moz-keyframes tock {
	100% { transform:scale(1);}
	20% { transform:scale(.2);}
	100% { transform:scale(1);}
}
@-webkit-keyframes tock {
	100% { transform:scale(1);}
	20% { transform:scale(.2);}
	100% { transform:scale(1);}
}
@-o-keyframes tock {
	100% { transform:scale(1);}
	20% { transform:scale(.2);}
	100% { transform:scale(1);}
}

/* dnevnik rada */
#dnevnikRada h3,
#noviUnos h1,
#izmjeni_radnu_operaciju h1,
#obrisi_radnu_operaciju h1,
#osobnePostavke h1 { 
	margin-bottom: 20px;
}
#dnevnikRada table {
	margin:0 auto;
	width: 100%;
	max-width: 960px;
	font-size: .7em;
	line-height: 1.3em;
}
#dnevnikRada select {
	height: 30px;
}
#dnevnikRada table a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
#dnevnikRada table td {	
	padding-left: 2px !important;
	padding-right: 2px !important;
}
#dnevnikRada nav {
	margin: 5px auto;
	width: 100%;
	max-width: 960px;
	line-height: .7em;
}
.pagination>li>a,
.pagination>li>span { 
	font-size: 1em;
	padding: 3px 6px;
	z-index: 0;
	cursor:pointer;
}

#forma_novi_unos,
#forma_nova_radna_operacija,
#forma_nova_radna_operacija_delete,
#forma_zaboravio_sam,
#zaboravioSam {
	width: 100%;
	/*height: 485px;*/
	height:auto;
	overflow: auto;
	max-width: 960px;
	margin: 10px auto;
	padding: 20px 0px;
}
#forma_nova_radna_operacija_delete,
#forma_zaboravio_sam {
	height: auto;
	overflow: auto;
}
#forma_novi_unos div,
#forma_nova_radna_operacija div,
#forma_osobne_postavke div {
	line-height: 48px;
}
#forma_osobne_postavke .text-warning {
	line-height: 25px;
	padding: 5px 0;
}
#forma_novi_unos input,
#forma_novi_unos select,
#forma_nova_radna_operacija input,
#forma_osobne_postavke input,
#forma_novi_korisnik input,
#administracija select,
#osobnePostavke select {
	width: 100%;
	padding: 0px 10px;
}

/* Arhiva radnih naloga */
#dnevnikRada table ul, .zatvori {
	height: 29px;
	width: 100px;
	max-height: 400px;
	overflow: hidden;
	position: absolute;
	z-index: 10;

	transition: all .8s ease-in-out;
}
.visina-42 { height: 42px;}
.visina-42 div { height: 42px; line-height: 42px;}
.otvori {
	height: auto !important;
	overflow-y: auto !important;
}
#dnevnikRada table ul li {
	cursor: pointer;
}
#dnevnikRada table ul li a {
	padding-left: 5px;
}
#dnevnikRada table ul + span {
	position: absolute;
	top: 0px;
	left: 87px;
	font-size: 1.4em;
	cursor: pointer;
	padding: 0 5px;
	z-index: 15;

	transition: all .8s ease-in-out;
}
.padding-l-5 {
	padding-left:5px;
}
.padding-l-r-0 { padding-left:0px; padding-right: 0px;}
.select-godina {
	display: block;
	cursor: default;
}
.select-godina:hover {
	background-color: #fff;
}



/* nova radna operacija */
#forma_nova_radna_operacija {
	/*height: 190px !important;*/
}
#slicneRadneOperacije { visibility: hidden;}
#slicneRadneOperacije>div { 
	width: 50%;
	float: left;
	line-height: 25px;
}
#slicneRadneOperacije>div>p { 
	margin: 0px;
}
#noviUnos .btn-group a,
#noviUnos .btn-group button { height: 46px;}
#noviUnos .btn-group span { height: 24px; line-height: 24px;}
#listaOperacija nav .pagination {
	margin: 0px !important;
}
#listaOperacija {
	width: 100%;
	max-width: 960px;
	height: auto;
	margin: -10px auto;
	overflow: auto;
}
#listaOperacija table,
#administracija table,
#admin_button {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
#admin_button {
	padding: 10px 0px;
}
#admin_button div {
	padding: 0px;
}
#listaOperacija table tr {
	line-height: 40px;
}
#listaOperacija .edit,
#listaOperacija .trash {
	cursor: pointer;
	display: inline-block;
	padding: 0 15px;
}

/* osobne postavke */
#forma_osobne_postavke,
#forma_novi_korisnik {
	height: auto;
	overflow: auto;
}
#forma_osobne_postavke,
#forma_novi_korisnik, form {
	margin:0 auto;
	width: 100%;
	max-width: 960px;
	padding: 15px 0;
}
#forma_osobne_postavke .form-control {
	border-radius: 0px !important;
	font-size: inherit !important;
	cursor: not-allowed;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
} 

/* administracija */
#administracija table td {
	padding-left:0px;
	padding-right: 0px;
}
#edit_acc { display: none;}
#edit_account .fa-edit {
	padding: 10px; 
	font-size: 1.3em;
}
#edit_account table a {
	width: 46px;
	display: block;
}

/* zaboravio sam lozinku */
#forma_zaboravio_sam input {
	box-sizing: border-box;
	float: left;
}
#email {
	padding-left: 10px;
}
#forma_zaboravio_sam .btn,
#forma_zaboravio_sam .btn-lg {
	border-radius: 0px;
}
#nazadIcon { margin-left: 0px;}
.group {
	width: 100%;
	height: auto;
	overflow: auto;
}
.group .btn-group:nth-child(2) { 
	width: calc(100% - 280px);
}
.group .btn-group input[type="email"] { width: 100%;}
.group .btn-group #posalji { width: calc(100% - 52px);}
.group .btn-group:first-child, 
.group .btn-group:last-child { 
	margin-top: 2px; 
	width: 140px;
}
.group .btn-group:last-child input[type="button"] { 
	width: calc(100% - 52px);
	margin-top: 0px;
}
.group .btn-group:last-child button[type="button"] { 
	width: 52px;
}

/* selektori koji koriste boje danger klase bootstrapa */
#dnevnikRada table a:hover,
#listaOperacija .edit:hover,
#listaOperacija .trash:hover,
.admin-edit:hover {
	color: #A94442; 			/* boja slova alert-danger */
	background-color: #F2DEDE;	/* pozadinska boja alert-danger */
}
#obrisi_radnu_operaciju .btn-group .btn:last-child { 
	background-color: #C9302C; /* boja hovera klase danger */
	border-color: #C9302C; /* boja hovera klase danger */
}
#forma_nova_radna_operacija_delete { 
	border: solid 1px #C9302C; /* boja hovera klase danger */
}
.text-napomene {
	color: rgba(250,250,250,.5);
}

/* upozorenje za subotu, nedjelju ili praznik */
#upozorenje-container {
	display: none;
}
#upozorenje-container div {	
	line-height: 1.2!important;
	padding-right: 1px;
}
#upozorenje-poruka {
	font-size: 16px;
	padding: 5px 0;
}