@charset "utf-8";
/*
Name: eAukce
Site: http://eukce.technical-support.cz
Version: 1.0
Author: webrevolution
*/

/* --------- General --------------- */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {height: 100%}

body {background: #f4f1f1 url(../img/bg.jpg); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400;}


h1, h2, h3 {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0px #fff;}
.bebas {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.25em}

h2 {font-size: 1.5em;}
h3 {font-size: 1.25em; }

.hide {display: none}


.alignright {text-align: right}
.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignbottom {	vertical-align: baseline;}
.clear {clear:both;}

.modal form {margin-bottom: 0;}

.table-dl {margin-bottom: 1em;}
.table-dl td {padding: 3px 10px; vertical-align: top;}
.table-dl td:first-child {text-align: right; font-weight: bold;}

.sortable-handle {cursor: ns-resize}
.tab-note {font-size: 0.85em; color: #aaa; margin-top: 2em; padding-top: 1em; border-top: 1px solid #efefef;}
.tab-note:before {content: "* ";}
.table td {word-wrap:break-word !important;}

.table-info td {padding: 3px 10px; vertical-align: top;}
.table-info td:first-child {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: right; font-weight:; color:#666; font-size: 1.25em}

.text-small {}
.text-bigger {font-size: 1.1em;}
.text-big {font-size: 1.5em;}

.small-note {color: #aaa; font-size: 0.7em;}



.icon-red {background-image: url("../img/glyphicons-halflings-red.png");}
.icon-green {background-image: url("../img/glyphicons-halflings-green.png");}
.icon-grey {background-image: url("../img/glyphicons-halflings-grey.png") !important;}

p.error {color: #c30;}

/* ----------- Colors  ------------ */

.green {color: #6f942b !important}
.green {color: #51a351 !important}
.orange {color: #f89406 !important}
.red {color: #CC0033 !important}
.darkRed {color: #6a0b0b !important}
.grey {color: #9aa2a4 !important}
.blue {color: #0088cc !important}
.black {color: #000 !important}

/* ----------- Layout --------------- */
#top-line {
	height: 10px; 
	width: 100%; 
	position: absolute; 
	top: 0; 
	left: 0;
	background: url(../img/top-line-gradient.png) repeat-x center top;}
.admin	#top-line {height: 2px;}
.admin .navbar-fixed-top {top: 2px !important;}
.auction .navbar-fixed-top {top: 2px;}

.main.container, .main.container-fluid, .main {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin-bottom: -50px; 
		}


#footer-push {
  height: 50px;
}

#footer {
	min-height: 50px;
	background: #000 url(../img/header-bg.jpg) repeat-x;
	border-top: 1px solid #336f7d;
	color: #fff;
	line-height: 50px;
	}
	

#footer-nav li {display: block; float: left; line-height: 50px;}
#footer-nav li a {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding-right: 20px;  font-size: 1.5em; color: #6f942b;}
#footer-nav li a:hover {color: #fff;}	

/*   -------------- Pages ---------------- */


.navbar-inverse .navbar-inner { background: #000 url(../img/header-bg.jpg) repeat-x; border-color: #fff;}
.navbar .companylogo {float: left;}
.navbar .companylogo img {max-height: 40px; padding: 5px;}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {background: none;}

.sitename a {display: block; width: 259px; height: 56px; background: url(../img/logo-eaukce.png) no-repeat;}

.sitename a span {display: none; }
.site-description {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-size: 2em; color:#fff; text-shadow: 1px 1px 1px #000;}
.companyname a {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000; text-shadow: 1px 1px 1px #fff; font-size: 2em;}
.companyname a img {max-height: 100px; width: auto;}



/* Page */
.page {background: #f4f1f1 url(../img/bg-welcome.jpg)}
.page > .container {background: url(../img/welcome-rays-bg.jpg) no-repeat center -200px;}
.page .sitename {float: left; margin-top: 20px;}
.page .site-description {float: left; margin: 50px 0 0 0.5em; }
.page .content { margin-top: 5px;}
.page .companyname {float: left; margin-top: 20px;}

/* Admin */
.admin {background: #024e5e url(../img/bg.jpg); margin-top: 0px;}
.admin #top-line {position: fixed;}
.admin h1 {margin-top: 70px; clear: both; text-shadow: 1px 1px 0px #fff;}
.admin h1 {font-size: 2em;}
.admin .companyname {float: left; margin-top: 20px;}
.admin #footer {background: none; border: 0}
.admin > .container  {}



/* Login */

.login {background: #024e5e url(../img/bg-welcome.jpg)}
.login .sitename a {margin: 50px auto 0;}
.login .site-description {margin: 1em auto; color: #0b5968; text-shadow: 1px 1px 1px #52cbd4;}
.login .companylogo 	 {margin: 50px auto 0;}
.login .companyname {margin: 20px;}
.login .companyname a {color: #fff; text-shadow: 1px 1px 1px #0b5968; font-size: 4em; }
.login .companylogo a img {max-height: 100px; width: auto;}
.login #title h1 a {margin: 150px auto 0;}
.login > .container-fluid {background: url(../img/welcome-rays-bg.jpg) no-repeat center -100px; text-align: center}

#login-form {
	margin: 20px auto;
		display: block;
		text-align: left;
		width: 297px;
		height: 432px;
		padding:10px 30px 30px 30px;
		background: url(../img/login-bg.png) no-repeat;
		color: #fff;}

#login-form h3 {text-shadow: 1px 1px 1px #4c710b; font-size: 1.5em; text-align: center;}
#login-form hr {border-top-color: #567914; border-bottom-color: #87ac36; margin-top: 0;}
#login-form label {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.25em}
#login-form input {display: block; width: 270px;background: url(../img/login-inputs.jpg); font-size: 1.25em; padding: 5px; padding-left: 30px; height: 30px; line-height: 30px; color: #fff; border-top-color: #56751d; border-left-color: #56751d; border-right-color: #86b438; border-bottom-color: #86b438; margin-bottom: 0}
#login-form input:focus {-webkit-box-shadow: none;  -moz-box-shadow: none; box-shadow: none;}
#login-form input.ico-user {background-position: left -40px;}
#login-form input:focus.ico-user {background-position: left -80px;}
#login-form input.ico-lock {background-position: left -120px;}
#login-form input:focus.ico-lock {background-position: left -160px;}
#login-form input.ico-keys {background-position: left -200px;}
#login-form input:focus.ico-keys {background-position: left -240px;}

.login-error {display: block; color: #FF3; margin-bottom:0;padding: 3px 5px;}

#login-form button {width: 151px; height: 56px; margin-left: 160px; border: 0px; background: url(../img/button-entry.png) no-repeat;}
#login-form button span {display: none;}
#login-form button:hover {background-position: center -55px;}
#login-form button:active {background-position: center -112px;}

.login .note {color: #abc37e}
.popover-title {color: #9aa2a4; text-shadow: none !important;}
.popover-content {color: #000 !important;}

/* Content */
.content {background: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 20px; border: 5px solid #eee; -webkit-box-shadow: 0px 0px 3px #CCC; min-height: 500px;
}
.content.stretch-width {display: inline-block; min-width: 1200px;}
.content .content-head, .content .content-foot {background: #eee;  padding: 10px;}
.content .content-head-secondary h3 {line-height: 1em; color: #666;}
.content .content-inner {padding: 10px;}
.content .content-head ul, .content .content-head form, .content .content-head h2 {margin: 0}
.content h3.content-heading {background: #eee; padding: 3px 10px; color: #666}

.content .form-actions {background: white}

/* Auction */
.auction {background: #f4f1f1 url(../img/bg.jpg); margin-top: 0px;}
.auction .content {min-height: inherit; box-sizing: border-box;}
.auction #top-line {position: fixed;}
.auction h1 {margin-top: 70px; text-shadow: 1px 1px 0px #fff;}
.auction h1 {font-size: 2em;}
.auction .companyname {float: left; margin-top: 20px;}
.auction #footer {background: none; border: 0}
/*.auction .main {overflow: auto;}*/

.table-observer td, .table-bidder td,
.table-observer th, .table-bidder th {min-width: 100px; text-shadow: 1px 1px 0px rgba(255,255,255,0.5)}

.table-observer td:first-child, .table-bidder td:first-child,
.table-observer th:first-child, .table-bidder th:first-child {min-width: 200px;}

#auction-time {text-align: center;font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0px #fff; margin: 0 auto; color: #999; width:auto}
#auction-time .time-unit {display: inline-block; *display:inline; /* ie7 fix */; zoom:1; /* hasLayout ie7 trigger */;}
.time-unit strong, .time-unit em { padding: 7px; font-style:normal;font-weight: normal; font-size: 3em; color: #000;}
.time-unit em {color: #999;}
.time-unit div {float: left;}
.time-unit span {display: block; color: #999}
#auction-time.finishing strong {color: #f89406}
#auction-time.warning strong {color: #CC0033}


.time-title {font-size: 1.5em; padding: 10px; color: #666;}
.time-description {font-size: 1.1em; margin-bottom: 20px; color: #666;}
.table-bidder, .table-observer {margin-bottom: 0}
.table-bidder th , .table-observer th {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;	text-align: center;
}
.table-bidder td, .table-observer td {vertical-align: middle; text-align: center; border-color: #eee}
.table-bidder td:first-child, .table-bidder th:first-child,
.table-observer td:first-child, .table-observer th:first-child {text-align: left; font-weight: bold;}
.table-bidder form, .table-bidder .input-append{margin: 0;}


td.bestminprice, span.bestminprice {background-color: #FFC}
th.bestofferprice, td.bestofferprice, span.bestofferprice {background-color: #F96; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.2) inset }
span.bestminprice, span.bestofferprice {padding: 5px 10px; line-height: 30px; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

td.bidder_price, th.bidder_price {position: relative;}
.form-bid-edit {position: absolute; top: 3px; right: 3px}
.form_bid form {margin-bottom: 0;}

.input-bid {width: 80px;}
td.bidmsgs, th.bidmsgs {min-width: 20px !important; max-width: 20px !important; width: 20px !important;}
.bidmsgs a {display: none;}
.price-total {display: block; color: #999}
.item-heading {font-weight: bold; height: 40px; vertical-align:	bottom !important}
.item-note {display: block; font-weight: normal; color: #999; font-size: 0.9em}
.bid-totals {font-family: 'BebasNeueRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.5em; background: #eee}

/* chat */

#chatBtn {position: relative; }
#newMsgs {position: absolute; top: -8px; right: -13px; padding-top: 0; padding-bottom: 0}

#xxxchatModal .chatMessages {max-height: 500px; overflow:scroll}
#chatModal textarea{width: 80%; margin: 20px auto; display: block;}

.chatMsg {border-bottom: 1px solid #eee; padding-bottom:10px; margin-bottom: 10px;}
.chatMsgMessage {background-color: #eee; border-radius: 5px; padding: 3px; margin-top: 5px;}
/* Boxes */


.row-fluid.width-limit {max-width: 1200px !important;}

.box {background: white; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; margin-top: 10px; border: 5px solid #eee; -webkit-box-shadow: 0px 0px 3px #CCC;
box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.box-first-child {/margin-left: 0px}
.same-height {min-height: 100% !important}

.box .box-head, .box .box-foot {background: #eee;  padding: 10px;}
.box .box-head h3 {margin: 0; line-height: 30px}
.box .box-head-secondary h3 {line-height: 10px; color: #666;}
.box .box-inner {padding: 10px;}
.box .box-divider {height: 5px; background: #eee}
.box .box-head ul, .box .box-head form, .box .box-head h2 {margin: 0}
.box h3.content-heading {background: #eee; padding: 3px 10px; color: #666}

.box.fixed-height-small {min-height: 115px} /*115*/
.box.fixed-height-medium {min-height: 205px} /*250*/
.box.fixed-height-large {min-height: 520px}
.box.full-height {min-height: 205px}

.ckeditor_form {margin: 0; padding: 10px; border: 1px solid #ccc; border-radius: 3px;min-height: 300px;}


/* Imprint */

body.imprint {background-color: white; background-image: none;}

.table-results td, .table-results th {min-width: 150px; text-align: center;}
.table-imprint td:first-child {font-weight: bold; width: 300px; text-align: left;}
.table-imprint .tablehead {background: #58C115; color: #fff}
.table-imprint .tablehead span {color: #fff}
.table-imprint .bestofferprice {background-color: #DC5B3C; box-shadow: none; color: #fff;}
.table-imprint .bestofferprice span {color: #ddd;}

.imprint h2.participant_heading {background: #ddd; margin-top: 2em; padding: 10px;}
.imprint .divider {border-top: 2px solid black; margin: 1em 0}


/* custom upload button */

.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* Sidenav for Docs
-------------------------------------------------- */

.nav-sidebar
.bs-docs-sidenav {
  w/idth: 270px;
  margin: 20px 0 0;
  padding: 0;
  background-color: #fff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
          box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
.bs-docs-sidenav > li > a {
  display: block;
  width: 190px \9;
  margin: 0 0 -1px;
  padding: 8px 14px;
  border: 1px solid #e5e5e5;
}
.bs-docs-sidenav > li:first-child > a {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
  position: relative;
  z-index: 2;
  padding: 9px 15px;
  border: 0;
  text-shadow: 0 1px 0 rgba(0,0,0,.15);
  -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
     -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
          box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}

.bs-docs-sidenav > .active.success > a {
	background-color: #51a351;
}

.bs-docs-sidenav > .active.warning > a {
	background-color: #f89406;
}

/* Chevrons */
.bs-docs-sidenav .icon-chevron-right {
  float: right;
  margin-top: 2px;
  margin-right: -6px;
  opacity: .25;
}
.bs-docs-sidenav > li > a:hover {
  background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
  opacity: .5;
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
  background-image: url(../img/glyphicons-halflings-white.png);
  opacity: 1;
}
.bs-docs-sidenav.affix {
  top: 40px;
}
.bs-docs-sidenav.affix-bottom {
  position: absolute;
  top: auto;
  bottom: 270px;
}

@media (max-width: 767px) {
	.login {padding: 0}
	.admin h1, .auction h1{margin: 0px}
	.mobile-center {text-align: center}
	.content-head .pull-right, content-head .pull-left {}
	.input-bid {width: 80px !important;}

	
		/* Force table to not be like tables anymore */
	.mobile-restruct table, 
	.mobile-restruct thead, 
	.mobile-restruct tbody, 
	.mobile-restruct th, 
	.mobile-restruct td, 
	.mobile-restruct tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.mobile-restruct thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.mobile-restruct tr { border-bottom: 1px solid #ccc; }
 
	.mobile-restruct td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.mobile-restruct td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	.mobile-restruct td:before { content: attr(data-title); }

}