@font-face {
  font-family: 'SofiaSans';
  src: url('/sofiasans/SofiaSans-Regular.woff') format('woff'), url('/sofiasans/SofiaSans-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'SofiaSansBold';
  src: url('/sofiasans/SofiaSans-Bold.woff') format('woff'), url('/sofiasans/SofiaSans-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'SofiaSansExtraBold';
  src: url('/sofiasans/SofiaSans-ExtraBold.woff') format('woff'), url('/sofiasans/SofiaSans-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'SofiaSansLight';
  src: url('/sofiasans/SofiaSans-Light.woff') format('woff'), url('/sofiasans/SofiaSans-Light.otf') format('opentype');
}
* {
	font-family: 'SofiaSans', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
}
.bold {
	font-family: 'SofiaSansBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
}
.extrabold {
	font-family: 'SofiaSansExtraBold', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:900;
}
.light {
	font-family: 'SofiaSansLight', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-menu {
  margin: -0.125rem 0 0;
}


.body {
	padding-top:80px;
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fa {
  font-size:26px;
	margin-right:10px;
}
.fasmall {
  font-size:16px;
	margin-right:5px;
}
.snimka {
	position:relative;
	display:block;
	width:100%;
	height:100%;
}
.deletesnimka {
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	right:0;
}
.deletesnimka .fa {
  font-size:16px;
	line-height:20px;
	padding:0 3px;
}
.editsnimka {
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	right:20px;
}
.editsnimka .fa {
    font-size:16px;
	line-height:20px;
	padding:0 3px;
}