html, body {min-height:100%}


.css-transitions-only-after-page-load * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}


/* Helpers */
.clear {clear: both;}
.hide {display: none;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.float-left {float: left;}
.float-right {float: right;}
.uppercase {text-transform: uppercase;}
.grid {overflow: hidden;}
.grid .float-left, .grid .float-right {width: 48%;}
.clearfix:after {content:"";display:table;clear:both;}

/* Transitions */
a, i, input, button, label {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

/* Default */
body {
    height:100%;
	font:400 16px 'Open Sans', helvetica, arial, sans-serif;
	color:#666666;
	background:#fff url('../img/bg-eracun.jpg') no-repeat center top;
}
a {text-decoration:none!important;}

.row.no-margin {margin-left:0px;margin-right:0px}

/* Header */
.container {
    padding-left:0px;
    padding-right:0px;
}
.header {
	padding-top:0px;
	padding-bottom:36px;
	margin-left:0px;
    margin-right:0px;
	position:relative;
	overflow:visible;
}
.header h1, .header nav {
    padding-left:0px;
    padding-right:0px;
}
.header h1 a, .header .navbar-header a.logo-small {
	display:block;
	width:142px;
	height:115px;
	height:142px;
	margin-top:20px;
	margin-top:10px;
	margin-left:30px;
	background:url('../img/logo-moja.svg') no-repeat center top;
	background-size:auto 100%;
	text-indent:-999999px;
	overflow:hidden;
}
.header nav {
	margin:0px;
	padding:0px;
	background:none;
	border:none;
}
.header nav .container-fluid {
	background:none;
}
.header .navbar-right {
    margin-right:0px;
}
.header nav .container-fluid,  .header nav #navbar {
	margin:0px;
	padding:0px;
}
.header nav .navbar-nav {
	position:absolute;
	bottom:-20px;
	right:0px;
}
.header nav .navbar-nav > li {
	position:relative;
	margin-right:45px;
	overflow:visible;
	z-index:100;
}
.header nav .navbar-nav > li:last-child {
	margin-right:0px;
}
.header nav .navbar-nav > li > a {
	padding-left:0px;
	padding-right:0px;
	padding-top:33px;
	padding-bottom:25px;
	font-size:16px;
	font-weight:700;
	color:#666666;
	text-transform:uppercase;
	background:none;
	background:url('../img/menu-bg.png') no-repeat center -60px;
}
.header nav .navbar-nav > li.submenu > a:hover {
	cursor: default;
}
.header nav .navbar-nav > li > a:hover, .header nav .navbar-nav > li > a:active, .header nav .navbar-nav > li > a.active {
	color:#f3af18;
}
.header nav .navbar-nav > li.active > a, .header nav .navbar-nav > li.active > a:hover {
	font-weight:700;
	color:#2c2666;
	background:url('../img/menu-bg.png') no-repeat center 0px;
}
.header nav .navbar-nav > li > ul {
	display:none;
	position:absolute;
	top:73px;
	left:-25px;
	z-index:999;
	min-width:300px;
	padding:20px 0px 15px 0px;
	background:#352f28;
	border-radius:5px;
}
.header nav .navbar-nav > li > ul li {
	margin-bottom:1px;
}
.header nav .navbar-nav > li > ul li a {
	display:block;
	padding:7px 25px;
	font-size:16px;
	color:#d1c2af;
}
.header nav .navbar-nav > li > ul li.active a, .header nav .navbar-nav > li > ul li a:hover {
	background:#26221c;
	color:#f8c018;
}
.uparrow {
    position:absolute;
	top:-20px;
	left:45px;
    display:inline-block;
    height:20px;/*height should be double border*/
}
.uparrow:before,
.uparrow:after {
    position:absolute;
    display:block;
    content:"";
    border:10px solid transparent;/*adjust size*/
}
/*Change four 'top' values below to rotate (top/right/bottom/left)*/
.uparrow:before {
    bottom:0;
    border-bottom-color:#352f28;
}
.uparrow:after {
    bottom:0px;/*adjust thickness*/
    border-bottom-color:#352f28;
}
.header nav .weather {
	float:right;
	margin-top:16px;
	margin-right:22px;
}
.header nav .weather > li {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	color:#d51313;
}
.header nav .weather > li.sea {
	color:#226984;
}
.header nav .weather > li.icon {
	padding:0px 8px;
}
.header nav .weather > li strong {
	padding:0px 5px;
	font-weight:700;
}
.header nav .topmenu {
	float:right;
	margin-top:30px;
	margin-right:90px;
}
.header nav .topmenu > li {
	float:right;
	margin-left:40px;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	list-style-type:none;
}
.header nav .topmenu > li > a {
	padding-right:25px;
	color:#3f3f3f;
	border-bottom:1px solid transparent;
}
.header nav .topmenu > li > a:hover {
	border-bottom:1px solid #3f3f3f;
}
.header nav .topmenu > li.kak > a {
	background:url('../img/kak.png') no-repeat right center;
}
.header nav .topmenu > li.kon > a {
	background:url('../img/kon.png') no-repeat right center;
}
.header nav .topmenu > li.hom > a {
	padding-right:0;
}
.header nav h2 {
	float:right;
	margin-top:30px;
	margin-right:90px;
	font-size:20px;
	font-weight:600;
	color:#43872e;
}
.header .globe {
	width:18px;
	position:absolute;
	top:98px;
	right:31px;
	opacity:0.3;
}

/* Content */
.content {
	clear:both;
	margin:0px auto;
	padding:0px;
	padding-top: 25px;
	max-width:1170px;
	min-height:600px;
	background:#fff;
	background:rgba(255,255,255,0.9);
	border-radius:8px;
}
strong {
  font-weight: 600;
}

.form-register::before {content:"";position:absolute;left:-10%;width:1px;height:100%;background:#f1f1f1;}
.form-signin-heading {margin-bottom:25px;}
.form-control, .input-group {margin-bottom:15px;}
.login-title {font-weight:600;padding-bottom:25px;border-bottom:1px solid #f1f1f1;}
/*
#inputOIB {float:left;width:44%;}
.input-group.CustomerID {width:52%;float:right;}
*/
.blue {color:#46b8da;}
.help-link {margin-top:20px;}

.navbar-collapse {
  padding-left:0px;
  padding-right:0px;
}
.nav.nav-sidebar {margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #f1f1f1;}
.nav > li > a {margin-bottom:5px;border-radius:5px;}
.nav > li.active > a, .nav > li > a:hover {
    color:#fff;
    background-color:#43872e;
    background: rgb(67,135,46);
    background: -moz-linear-gradient(left,  rgba(67,135,46,1) 0%, rgba(130,178,67,1) 99%);
    background: -webkit-linear-gradient(left,  rgba(67,135,46,1) 0%,rgba(130,178,67,1) 99%);
    background: linear-gradient(to right,  rgba(67,135,46,1) 0%,rgba(130,178,67,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43872e', endColorstr='#82b243',GradientType=1 );
}
.nav > li > a .glyphicon {padding-right:5px;}

.page-header {margin-top:0;}

.userinfo {line-height:140%;}
.userinfo.bill-details {padding-bottom:30px;font-size:90%;line-height:160%;}
.userinfo .btn {margin-top:15px;}

.aktiviraj .glyphicon {display:block;font-size:60px;color:#43872e;}
.aktiviraj .center {text-align:center;}
.aktiviraj h5.help-link {display:inline-block;}
.aktiviraj h5.help-link a, .aktiviraj h5.help-link label {font-weight:600;}
.aktiviraj h5.help-link a {display:inline-block;margin-left:6px;border-bottom:1px solid;}
.aktiviraj h5.help-link input {display:inline-block;margin-right:4px;}
.aktiviraj .btn-primary {margin-left:30px;}
.aktiviraj small {font-size:75%;}
.container .jumbotron, .jumbotron {padding:20px;}
.aktiviraj .object-select {text-align: left; padding-left: 120px;}

.label-link {margin-left:25px;font-size:50%;font-weight:600;vertical-align:middle;}
.bills-list {clear:both;margin-top:20px;margin-bottom:50px}
.bills-list.bill-details {margin-top:60px;}
.bill-details .bills-item > hr {margin-top:0;margin-bottom:0;}
.calc-details > hr {margin-top:0;margin-bottom:0;}
.bill-details .total > div {padding-top:5px;}
.bills-payment .panel-body > div {padding-top:10px;padding-bottom:10px;}
.bills-item .panel-body div > a, .pdf.btn {display:inline-block;padding-top:6px;}
.bills-item .panel-body div > a > small, .pdf.btn > small {margin-left:5px;padding-left:8px;border-left:1px solid rgba(0,0,0,0.3);}
.bills-item .panel-body div > a > .glyphicon, .pdf.btn > .glyphicon {font-size:120%;padding-right:5px;vertical-align:sub;}
.bills-item .panel-title em {float:right;font-size:85%;font-style:normal;}
.bills-item .panel-title .label {position:relative;left:15px;top:-2px;font-weight:600;}
.bills-item .panel-title em.object-name {margin-right:10px;opacity:0.7}

.bill-price > strong {font-size:140%;}
.bill-price > em {font-size:80%;font-style:normal;}

.object-table td > a {color: #666}
.object-table td > a:hover {color: #43872e}
.object-table td > a > small {margin-left:5px;padding-left:8px;border-left:1px solid rgba(0,0,0,0.3);}



footer {padding:30px 0px;background:#fff;}
footer > .container {padding:0px 30px;}
footer .copy {font-size:13px;color:#999;}
footer .copy i {display:inline-block;padding:0px 10px;font-style:normal;opacity:0.5;}



/* Futuro potpis */
.futuro, .futuro span, .futuro strong {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.futuro {
	display:inline-block;
	position:relative;
	right:30px;
	float:right;
	width:25px;
	height:25px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.futuro.right {
	right:auto;
}
.futuro.neutral, .futuro.neutral:hover {
	text-shadow:1px 1px #333;
}
.futuro.light, .futuro.light:hover {
	color:#333;
}
.futuro span {
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	z-index:10;
	background:#1d1d1d url('https://www.futuro.hr/img/potpis/futuro.png') center 5px no-repeat;
	background-size:18px auto;
	border-radius:50%;
}
.futuro.neutral.alt span {
	background-color:#666;
}
.futuro.dark.alt span,  
.futuro.light.alt span {
	background-color:#999;
}
.futuro.dark.alt2 span {
	background:transparent url('https://www.futuro.hr/img/potpis/futuro2.png') center -1px no-repeat;
	background-size:30px auto;
}
.futuro.dark.alt2:hover span {
	background-color:#d5261e;
}
.futuro strong {
	display:block;
	position:absolute;
	top:4px;
	left:15px;
	font-size:12px;
	font-weight:400;
	line-height:17px;
	opacity:0;
}
.futuro.right strong {
	left:-20px;
}
.futuro:hover {
	color:#fff;
	text-decoration:none;
	overflow:visible;
}
.futuro:hover span, .futuro.alt:hover span {
	background-color:#d5261e;
	border-radius:6px;
}
.futuro:hover strong {
	left:30px;
	opacity:1;
}
.futuro.right:hover strong {
	left:-40px;
}














/* Breakpoints */

@media (max-width: 1200px) {
.header {
    height:230px;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}
.header nav .navbar-nav {
    left: 0;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:60px;
	padding-right:40px;
    background:#fff;
}
.header .navbar-header a.logo-small {
	margin-top:20px;
	margin-left:25px;
}
.container, .footer {
    width:auto;
	max-width:100%;
	margin:0px auto;
	padding:0px 20px;
}
.header nav .topmenu, .header nav h2 {
	margin-right:25px;
}
}

@media (max-width: 992px) {
.header nav h2 {
    font-size:16px;
}
.header nav .navbar-nav > li > a {
	font-size:15px;
}
.header nav .navbar-nav > li {
    margin-right:40px;
}
.header .navbar-header a.logo-small {
    width:120px;
	height:97px;
	height:120px;
}


.navbar-cistoca .navbar-header {
    float: none;
}
.navbar-cistoca .navbar-left, .navbar-cistoca .navbar-right {
    float: none !important;
}
.navbar-cistoca .navbar-toggle {
    display: block;
}
.navbar-cistoca .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-cistoca .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-cistoca .navbar-collapse.collapse {
    display: none!important;
}
.navbar-cistoca .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-cistoca .navbar-nav>li {
    float: none;
}
.navbar-cistoca .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-cistoca .collapse.in{
    display:block !important;
}


.navbar-cistoca .navbar-toggle {
    border-color:#302b6b;
    border-width:2px;
	border-radius:5px;
	margin-top:67px;
	margin-bottom:0px;
	padding:8px;
	background-color:none;
	background-color:#302b6b;
	border-color:#302b6b;
}
.navbar-cistoca .navbar-toggle .icon-bar {
    background-color:#302b6b;
    background-color:#fff;
    border-radius:0px;
}
.navbar-cistoca .navbar-toggle:hover {
    background-color:#302b6b;
	border-color:#302b6b;
}
.navbar-cistoca .navbar-toggle:hover .icon-bar {
    background-color:#fff;
}

.navbar-cistoca .navbar-toggle {
  width: 100px;
  margin-top:0;
  margin-bottom:10px;
  float:left;
}

.navbar-cistoca .navbar-toggle .menu-title {
  display: inline-block;
  left: 43px;
  position: absolute;
  top: 4px;
  z-index: 2;
  color:#fff;
}
.navbar-cistoca .navbar-toggle:hover .menu-title {
  color:#fff;
}

}

@media (max-width: 850px) {
.header nav .navbar-nav > li > a {
	font-size:15px;
	font-weight:600;
}
.header nav .navbar-nav > li {
    margin-right:25px;
}
.header nav .weather > li.sea {display:none}
}



@media (max-width: 767px) {
.container, .footer {
	padding:0px 15px;
}
.header {
	height:125px;
	margin-left:-15px;
	margin-right:-15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	background:none;
	background: -moz-linear-gradient(top,  rgba(189,213,237,1) 0%, rgba(212,229,244,1) 50%, rgba(234,245,251,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(189,213,237,1) 0%,rgba(212,229,244,1) 50%,rgba(234,245,251,0) 100%);
	background: linear-gradient(to bottom,  rgba(189,213,237,1) 0%,rgba(212,229,244,1) 50%,rgba(234,245,251,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd5ed', endColorstr='#00eaf5fb',GradientType=0 );
}
.header nav .weather, .header nav h2, .uparrow {display:none}
.header nav .topmenu {
	position:absolute;
	z-index:99;
	top:0px;
	right:0px;
	margin-top:18px;
	margin-right:5px;
}
.header nav .topmenu > li:last-child {
	margin-left:120px;
}
.header .navbar-cistoca .navbar-collapse {
    border:0px;
}
.header .navbar-header a.logo-small {
    height:81px;
    height:100px;
    width:100px;
    margin-top:10px;
	margin-left:15px;
}

.header nav {
    height:auto;
	position:relative;
	z-index:999;
}
.header nav .navbar-nav {
    position:relative;
	top:auto;
	bottom:auto;
	margin-top:25px;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}
.header nav .navbar-nav > li {
    margin-right:0px;
	padding-bottom:0px;
}
.header nav .navbar-nav > li > ul {
    background:none;
    border-radius:0px;
    /*display:block;*/
    position:static;
    min-width:auto;
    padding:0px;
	padding-bottom:15px;
	padding-left:5px;
}
.header nav .navbar-nav > li > ul li a {
    font-size:15px;
	font-weight:600;
	color:#666666;
}
.header nav .navbar-nav > li > ul li a:hover {
	color:#333333;
	background:none;
}
.header nav .navbar-nav > li > ul li.active a {
	color:#666666;
	background:none;
}
.header nav .navbar-nav > li > a {
    padding:5px 15px 10px 15px;
	margin-bottom:7px;
	font-weight:600;
	background:none!important;
	border-bottom:1px solid #f0f0f0;
}
.header nav .navbar-nav > li.submenu {
	margin-bottom:7px;
	border-bottom:1px solid #f0f0f0;
}
.header nav .navbar-nav > li.submenu > a {
	margin-bottom:0px;
	border-bottom:none;
}
.header nav .navbar-nav > li.submenu > a:hover,
.header nav .navbar-nav > li.submenu > a.active:hover {
	cursor: default !important;
}

.navbar-default .navbar-toggle {
  border: 2px solid #2c2666;
  border-radius: 3px;
  top: 30px;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #2c2666;
}
.header nav .topmenu > li {
    display:block;
    float:none;
    text-align:right;
    margin-bottom:15px;
}
.header nav .topmenu > li:last-child {
    margin-left:0px;
    margin-bottom:0px;
}
.form-register {
    margin-top: 50px;
}


#calendar .nav .next {
  float: right;
  padding-right: 60px;
  background-position:120% center!important;
}
#calendar .nav .prev {
  padding-left: 60px;
  background-position:-20% center!important;
}

.content {
  margin: 0 -15px;
  border-radius: 0;
}
.bills-item .panel-title em.object-name {
  float: none;
  display: block;
  margin-right: 0;
}
.panel-title {
  line-height: 20px;
}
.bills-item .panel-title .label {
  position: static;
}
.bills-item .panel-title em, .bills-item .panel-title .label {
  display: inline-block;
  margin-top: 5px;
}
.panel-body {
  margin: 0 -15px;
}
.bills-item .panel-body div > a, .bills-item .panel-body .btn-detail {
  float: right;
}
.bills-item .panel-body .btn-pdf {
  display: block;
  float: none;
  margin-top:10px;
}

h3.sub-header .pdf.btn {
    float:none!important;
    clear:both;
    margin:10px 0px;
}
h3.sub-header strong {
    padding-right:15px;
}
p.xs-left {
    float:left!important;
    clear:both;
}
h3.panel-title.visible-xs {
    line-height:26px;
}
.bills-list.bill-details {
  clear: both;
  padding-top: 20px;
}
.bills-list.bill-details .panel-body .text-center {
  text-align:left;
}
.bills-list.bill-details .panel-body .xs-text-right {
  text-align:right;
}
#payment-info .text-right {
    text-align:left;
}
.bills-payment .panel-body > div.text-right {
    padding-bottom:0;
    padding-top: 15px;
}


}

@media (max-width: 480px) {
.header nav .topmenu > li.kak {
	/*display:none;*/
}
}