/* -------------------------------------------------------------------------- */
/* Copyright (c) 2021 codeblog.rs                                             */
/* -------------------------------------------------------------------------- */

* {
	margin:       0;
	padding:      0;
	font-family:  Open-Sans, Arial, sans-serif;
	font-size:    13pt;
	transition:   opacity 1s ease-in;
}

#podaci {
	margin: 16px 0 0 16px;

	display:         flex;
	flex-direction:  row;
	justify-content: flex-start;
	align-items:     stretch;
	flex-wrap:       wrap;
	
}

#levi {
	width:  20vw;
	//flex:   1;
	margin: 0 32px 0 0;
}

#desni {
	//flex: 1;
	width:  15vw;
}

#korisnik_info {
	display:         flex;
	flex-direction:  row;
	justify-content: flex-start;
	align-items:     stretch;
	flex-wrap:       wrap;
	margin:          0 0 32px 0;
	opacity:         0;
}

#korisnik_info.load {
	opacity:         1;
}

.korisnik_info_levi {
	display:         flex;
	flex-direction:  column;
	justify-content: center;
	align-items:     center;
	flex-wrap:       wrap;
}

#korisnik_info_avatar {
	width:  64px;
	height: 64px;
}

.korisnik_info_desni {
	display:         flex;
	flex-direction:  column;
	justify-content: flex-start;
	align-items:     stretch;
	flex-wrap:       wrap;
	padding:         0 0 0 16px;
}

.korisnik_uid {
	font-weight: bold;
	font-size:   15pt;
}

/* ----- OGLASI ----- */

#korisnik_oglasi {
	margin:  0 0 32px 0;
	opacity: 0;
}

#korisnik_oglasi.load {
	opacity: 1;
}

.korisnik_oglasi_naslov {
	font-size: 15pt;
	margin:    0 0 16px 0;
}

.korisnik_oglas {
	border:  dashed 1px #aaa;
	padding: 16px;
	margin:  0 0 16px 0
}

.korisnik_oglas_naslov_oglasa {
	font-weight: bold;
	margin:      0 0 4px 0;
}

/* ----- PORUKE ----- */

#poruke {
	margin:  0 0 32px 0;
	opacity: 0;
}

#poruke.load {
	opacity: 1;
}

.poruke_naslov {
	font-size: 15pt;
	margin:    0 0 16px 0;
}

.poruka {
	margin: 0 0 12px 0;
}

.poruka_posiljalac {
	padding:        0 0 4px 0;
	margin:         0 0 4px 0;
	border-bottom:  solid 1px #eaeaea;
	font-weight:    bold;
	font-size:      11pt;
}

.poruka_posiljalac > span {
	font-weight:  normal;
}

.poruka_tekst {
	font-size:  11pt;
}

/* ----- PRIJATELJI ----- */

#korisnik_prijatelji {
	margin:  0 0 32px 0;
	opacity: 0;
}

#korisnik_prijatelji.load {
	opacity: 1;
}

.korisnik_prijatelji_naslov {
	font-size: 15pt;
	margin:    0 0 16px 0;
}

.korisnik_prijatelj_info {
	display:         flex;
	flex-direction:  row;
	justify-content: flex-start;
	align-items:     center;
	flex-wrap:       wrap;
	margin:          0 0 8px 0;
}

.korisnik_prijatelj_avatar {
	width:  32px;
	height: 32px;
}

.korisnik_prijatelj_uid {
	margin: 0 0 0 16px;
}

#forma_prijava {
	display:         flex;
	flex-direction:  column;
	justify-content: flex-start;
	align-items:     stretch;
	flex-wrap:       wrap;
}

input {
    width:   240px;
	padding: 4px;
	margin:  0 0 4px 0;
}

button {
    width:      252px;
	height:     36px;
	background: #1474e4;
	color:      #fff;
	border:     none;
	box-shadow: none;
	padding:    0 0 4px 0;
}