/*!
 * TrippoApp v1.0
 * Copyright 2012 Trippo, Inc
 * Licensed under CC BY 3.0
 * http://creativecommons.org/licenses/by/3.0/
 *
 */

 
 
 /***** STRUCTURE *****/
 
 body { 
	background: url('../img/bg.png') repeat-x;
	background-color: #fff;
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	font-size:11px;
	}
	
h1, h2, h3, h4, h5, h6 {
	text-shadow: white 0.02em 0.02em;
	/*font-family: 'QlassikBold', sans-serif;*/
	}
	
h2 {
	font-size: 2.3em;
}
 
 .content {
	padding-top:60px;
	font-size: 1.1em;
	line-height: 1.8em;
	}
	
.content p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-bottom: 1.1em;
	}
	

/***** BODY *****/
	
.page-title {
	/*padding: 100px 0 30px 0;*/
	padding: 0px 0 30px 0;
	}
	
.arrow-top img {
	margin: -7px 0 0 15px;
	}


	
/***** NAVIGATION BAR *****/

.navbar .brand {
	font-weight: bold;
	color: white;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
}



/***** HOMEPAGE *****/
	
#details {
	position: relative;
	float: right;
	width: 527px;
	margin-top: 80px;
	padding-left: 20px;
}

#icon {
	position: relative;
	float: left;
	margin-right: 20px;
}

#app-name {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}

#app-name h1 {
	font-size: 5.5em;
	font-size: 5.5em;
	color: #ECECEC;
	text-shadow: -1px 0 #B3B3B3, 0 1px #B3B3B3, 1px 0 #B3B3B3, 0 -1px #B3B3B3, #020763 0.03em 0.03em;
	}
	
#version {
	top: 30px;
	position: relative;
	float: left;
}

#tagline {
	font-size: 1.4em;
	margin-top: 6em;
	clear: both;
}

#description {
	margin-top: 2em;
	margin-bottom: 1.8em;
}

#features li {
	background: url('../img/check.png') no-repeat left;
	list-style: none;
	padding-left: 25px;
	margin-left: -23px;
	line-height: 1.7em;
}

.download-box {
	width: 45%;
	float: left;
	padding-top: 20px;
	padding-right: 5%;
	font-size: 0.9em;
	line-height: 1.3em;
	}
	
	
	
/***** ABOUT PAGE *****/

.updates ul {
	list-style: none;
	padding-top: 10px;
	clear: both;
	margin: 0 0 25px 0;
	}
	
.updates ul li {
	margin-bottom: 10px;
	}
	
.updates hr {
	border-top: 1px solid #CCC;
	}
	
.updates .label {
	display: block;
	float: left;
	margin-right: 10px;
}

.version {
	float:left;
	}

.release-date {
	float:right;
	margin-top: 4px;
	color: #999;
	font-size: 0.85em;
	}
	
.new {
  background-color: #3a87ad;
}

.fix {
	background-color: #468847;
	padding: 1px 8px 2px;
	}
	

	
/***** CONTACT *****/

#contact-form {
	border-left: 1px solid #cccccc;
	/*background-color:#f5f5f5;*/
	}
	
#contact-info {
	padding-bottom:20px;
	}
	
	
	
/***** FOOTER *****/

.footer {
	font-size: 0.85em;
	line-height: 1.5em;
	padding: 15px 0;
	border-top: 1px solid #CCC;
}

#copyright {
	float:left;
	}
	
#credits {
	float:right;
	}
	
.bs-callout-danger {
background-color: #fdf7f7;
border-color: #eed3d7;
}

.bs-callout {
margin: 20px 0;
padding: 20px;
border-left: 3px solid #eee;
}	

.bs-callout-danger h4 {
color: #b94a48;
}

.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}

.navbar .nav>li>p {
float: none;
padding: 9px 10px 0px;
line-height: 19px;
color: #999;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
font-size:10px;
}

.user-display {
display: block;
float: right;
padding: 10px 20px 0px 30px;
margin-left: -20px;
font-size: 10px;
font-weight: 200;
line-height: 1;
color: #999;
text-decoration: none;
}

.centered {
 /*text-align:center;*/
 width:100%;
}

h3.close {
float: left;
font-size: 18px;
font-weight: bold;
line-height: 27px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 1;
}

h4.close {
float: left;
font-size: 14px;
font-weight: bold;
line-height: 18px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 1;
}

.form-liga{
	background-color:#fbfbfb;
	padding-top:20px;
	border:#999 solid 1px;
}

.cg-custom {
	padding-right:10px;
	padding-left:10px;
}

.btn-custom {
	margin-left:10px;
}

.form-actions {
	margin-bottom:0px;
}

.form-horizontal  .control-group {
margin-bottom: 0px;
}

form {
margin: 0 0 0;
}

.form-horizontal .control-label {
/*width: auto;*/
}


/*.coll-bnet-cont {padding-left:25px; padding-top:2px; padding-bottom:1px; background:url(bk-10.png);border-bottom:solid #DFE8FD 5px;}*/

/********* Lige menu ********/
#content ul {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #87d0e0;
}

#content li {
	list-style: none;
	border-top: solid 1px #87d0e0;
	
}

#content li a {
	display: block;
/*
	padding: 3px 0 3px 32px;
	height: 1.8em;
	line-height: 1.8em;
*/
	padding: 0px 0px 0px 29px;
	height: 25px;
	line-height: 25px;
	color: #636363;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	background: url(/img/submenu.png) no-repeat 10px 7px ;/*#CF9270*/
}


#content li a:hover, #menu li.set a { color: #1170b5; background-position: 10px -93px; }

#content li.last { margin-bottom: 0; border-bottom: solid 1px #87d0e0;}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

#filSve a {
	display:inline-block;
	background-color:#39F;
	width:48px;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	text-decoration:none;
	margin-top: 1px;
}

#filSve a.sveSelected {
	background-color:#f8b74c;
}

#filSve a:hover {
	display:inline-block;
	background-color:#f8b74c;
	width:48px;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	text-decoration:none;
	margin-top: 1px;
}

#filSve {
	display:inline-block;
	background-color:#AAE3FF;
}

#filDatum {
	padding:10px 0px 0px 12px;
	font-weight:bold;
	color:#930;
}

#daniUTjednu li {
	display:inline-block;
	background-color:#39F;
	width:30px;
	color:#FFF;
	padding:4px;
}

#daniUTjednu li:hover {
	display:inline-block;
	background-color:#f8b74c;
	width:30px;
	color:#FFF;
	padding:4px;
}

#daniUTjednu li.dayLiSelected {
	display:inline-block;
	background-color:#f8b74c;
	width:30px;
	color:#FFF;
	padding:4px;
}

#daniUTjednu li a{
	color:#FFF;
	text-decoration:none;
}

#daniUTjednu {
	display:inline-block;
	width:auto;
	text-align:center;
	padding:0px;
	margin:0px;
	float:right;
}

#sortBox {
	display:inline-block;
	padding:7px;
	margin:0px;
	float:right;
}

#sortBox select {
	width:130px;
	margin:0px;
}

#filDatum {
	display:inline-block;
}

.input-small {
	display:inline-block;
}

.analiticsEdit label,input{
	padding:5px;
}

.analiticsEdit {
	padding:5px;
}
.analiticsEdit label{
	width:120px;
}

.frm-1pt {
	width:45px;
}

.tbl-unos tr td{
	text-align:center;
	padding:0px;
	width:50px;
	padding-top:10px;
	padding-bottom:10px;	
}

.tbl-unos input{
	width:15px !important;
	padding:4px;
	/*font-size:10px;*/
}

.tbl-unos tr:first-child {
	background:#D9DCE8;
	/*font-weight:bold;*/
}
.tbl-unos tr:nth-child(2) {
	background:#D3FEDB
}
.tbl-unos tr:nth-child(3) {
	background:#ECEAFF;
}
.butt-an {
	float:right;
	padding:7px;
	margin:5px;
}

#large{
	width:65px;
}

#unosUtakmicaBox {
	border:1px #999999 solid;
	border-radius:5px;
	padding:5px;
	padding-left:8px;
	margin-bottom:10px;
}

#unosUtakmicaBox div {
	padding:1px;
}

.ligaHeader {
	padding:3px;
	padding-left:20px;
	background-color:#f7af39;
	color:#FFF;
	font-weight:bold;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:13px;
	border-bottom:#C60 solid 1px;
}
.datumHeader {
	padding:1px;
	padding-left:10px;
	background-color:#dedede;
	color:#222;
	font-weight:bold;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:12px;
	border-bottom:#999 solid 1px;
}

#clearDate {
	display:block;
	height:30px;
	background-color:#f8b74c;
	border-radius:5px;
	padding:8px 0 0 0;
	margin:5px;
	text-align:center;
	vertical-align:middle;
	margin-top:15px;
	margin-left:10px;
	color:#FFF;
	font-weight:bold;
	/*	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:13px;
	cursor:pointer;
	border:#C60 solid 1px;
}

#printButton {
	display:block;
	height:30px;
	background-color:#8fd028;
	border-radius:5px;
	padding:8px 0 0 0;
	margin:5px;
	text-align:center;
	vertical-align:middle;
	margin-top:15px;
	margin-left:10px;
	color:#FFF;
	font-weight:bold;
		/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:13px;
	cursor:pointer;
	border:#436114 solid 1px;
}

#ligaUnosBox .control-label {
	color:#FFF !important;
	padding-left:20px;
}
#sezonaUnosBox .control-label {
	color:#FFF !important;
}
#momcadUnosBox .control-label {
	color:#FFF !important;
}

#ligaUnosBox {
	padding:2px;
	padding-left:8px;
	background-color:#f7af39;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:10px;
	border-bottom:#C60 solid 1px;	
}
#sezonaUnosBox {
	padding:2px;
	padding-left:8px;
	background-color:#f75439;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:10px;
	border-bottom:#900 solid 1px;	
}
#momcadUnosBox {
	padding:2px;
	padding-left:8px;
	background-color:#3399ff;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:10px;
	border-bottom:#06F solid 1px;	
}

#ligaPregledHeader {
	padding:3px;
	padding-left:20px;
	background-color:#f7af39;
	color:#FFF;
	font-weight:bold;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:13px;
	border-bottom:#FC0 solid 1px;	
}

.listItem {
	padding-left:15px;
	padding-top:5px; 
	padding-bottom:3px;
}

.greenBarItems {
	border-top:#999 dotted 1px;	
}
.greenBarItemsDown{
	border-bottom:#aaa solid 1px;	
}

.form-horizontal .control-label {
text-align:left;
}

#noviKorisnikButton a {
	display:inline-block;
	background-color:#39F;
	width:130px;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	text-decoration:none;
	margin-top: 1px;
}

#noviKorisnikButton a:hover {
	display:inline-block;
	background-color:#f8b74c;
	width:130px;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	text-decoration:none;
	margin-top: 1px;
}

#korisniciBox thead {
	/*display:block;*/
	background-color:#39F;
	color:#fff;
}
#korisniciBox thead tr td{
	padding:5px;
	
}
#korisniciBox tbody tr td{
	padding:5px;
}

#korisnikUnosBox {
	padding:2px;
	padding-left:8px;
	background-color:#f7af39;
	/*font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;*/
	font-size:10px;
	border-bottom:#C60 solid 1px;	
}

#korisnikUnosBox div{
	padding:2px;
}

#arrowDown {
	float:left;
	position:absolute;
	margin-left:210px;
}


#buttonRight {
/*position: absolute;*/
padding-right: 10px;
float: right;
margin-top: -50px;
}

.buttonRight2 {
	margin-right: 130px;
}

#buttonRight a {
	display:inline-block;
	background-color:#39F;
	width:95px;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	text-decoration:none;
	margin-top: 1px;
}

#buttonRight a.sveSelected {
	background-color:#f8b74c;
}

#buttonRight a:hover {
	display:inline-block;
	background-color:#f8b74c;
	width:95px;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	text-decoration:none;
	margin-top: 1px;
}

#buttonRight {
	display:inline-block;
	/*background-color:#AAE3FF;*/
}

#algoritam input {
	width:35px;
	padding:3px;
}

#analiza  input {
	width:40px;
	padding:3px;
	/*border:none;*/
	/*background:none;*/
}

.pregledAnalitikeForm input[type="text"]{
	width:45px;
}

#pregledAnalitika {
	padding:3px;
	background:#ddd;
	border:1px solid #bbb;
}
#pregledAnalitika td {
	padding:3px;
}

#pregledAnalitikaView{
	padding:1px;
	background:#ddd;
	border:1px solid #bbb;
}
#pregledAnalitikaView td {
	padding:0px;
}

.ponderName{
	width:150px !important;
}
.mybtt {
	width:auto !important;
}

#naslovAnalize {
	width:100%;
	background:#CACACA;
	height:40px;
	border:#FF9 solid 1px;
	border-radius:5px;
	font-size:22px;
	text-align:center;
	vertical-align:middle;
	/*padding:5px;*/
}

.naslovAnalizaPregled{
	font-size:15px;
	padding:5px;
	margin-top:0px;
	font-weight:bold;
}

.naslovAnalizaPregled td{
	padding:0px;
}

.smallScore {
	font-size:12px;
}

.bigScore {
	font-size:26px;
	color:#900;
}


.naslovAnaliza {
	font-size:18px;
	padding:0px;
	margin:0px;
	margin-top:10px;
	padding-bottom:8px;
	padding-top:6px;
	font-weight:bold;
}

.arrowUp {
	text-align:left;
	background:url(../img/arrow-up.png) no-repeat;
	background-position: 0px;
	padding:5px;
	padding-left:10px;
	color:#060;
}

.arrowDown {
	background:url(../img/arrow-down.png) no-repeat;
	background-position: 0px;
	padding:5px;
	padding-left:10px;
	color:#900;
}

.arrowUp2 {
	text-align:left;
/*	background:url(../img/arrow-up.png) no-repeat;
	background-position: 0px;*/
	padding:5px;
	padding-left:10px;
	color:#060;
}

.arrowDown2 {
	/*background:url(../img/arrow-down.png) no-repeat;
	background-position: 0px;*/
	padding:5px;
	padding-left:10px;
	color:#900;
}

.ouPrikaz {
	/*font-size:15px;*/
}

.ouSmall {
	font-size:11px;
	color:#999;
	display:block;
}

#hLine {
	width:100%;
	height:20px;
	background-color:#000;
}

.checkBox {
	width:auto !important;
	display:inline-block;
}

#ponderAkcija * {
	margin:3px;
}

.selectAlgoritam {
	margin-bottom: auto !important;
}

#algoritam input[name*="P"] { 
  text-align: center;
}

#korisniciBox input[type="text"] {
	width:45px;
}

#ponderSelect {
	max-width:130px;
}

#editDatumDiv {
	padding:10px;
	text-align:center !important;
	background:#bbbbbb;
}

#editDatumDiv :nth-child(1n+0){
	margin:4px !important;
}

.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
}

#pregledUtakmica {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
}

#boxScore {
	font-weight: bold;
	border:1px #999999 solid;
	border-radius:3px;
	margin:2px;
	padding:0px;
}

#boxScore table,#boxScore td,#boxScore tr {
	padding:0px; 
	margin:0px;
	border-spacing: 0px !important; 
}
#boxScore td {
	background: linear-gradient(#efefef, #c9cacb);
}
.nowrap_onleline {
	white-space:nowrap;
	overflow:hidden;
	width:92px;
	padding:2px;
	text-overflow: ellipsis;
}

#ouPrikaz {
	font-size:11px !important;
	font-family: Tahoma, Arial, Verdana, sans-serif !important;
	margin-bottom:10px;
	
}

.round {
	border:1px #CCC solid;
	/*border-radius:5px;*/
	padding:2px;
	margin:3px;
	font-weight:bold;
	
}
.round2 {
	border:1px #CCC solid;
	/*border-radius:5px;*/
	padding:2px;
	margin:3px;
	font-weight:bold;
	background:#e0e0e0;
	
}

.grad td {
	background: linear-gradient(to left, #efefef, #c9cacb);
}

.stTitle {
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
}


.utakmica_trajanje_holder {
	padding: 10px 5px;
	background-color: #E0CB23;
}

.utakmica_trajanje_holder > div {
	float: left;
	margin-right: 20px;
}

.msg_success {
	display: block;
    background-color: #3E9E62;
    color: #fff;
    float: none !important;
    padding: 5px 10px;
    display: none;
}

.utakmica_komentari {
	margin:5px;
	background:#DFDFDF;
	padding:5px;
}

.utakmica_komentari .utakmica_komentar {
	margin-bottom:5px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
	
}

.utakmica_komentari .utakmica_komentar .komentar {
	font-weight:bold;
	
}

.utakmica_komentari .utakmica_komentar .user {
	float:left;
	width:50px;
	background-color:#f0f0f0;
	border-radius:4px;
	padding-left:5px;
	margin-right:10px;
}

.utakmica_komentari .dodaj_komentar textarea {
	width:356px;
	
}