/*
    Document   : hlavni
    Created on : 11.6.2013, 20:31:53
    Author     : Sima Jaromir
    Description: hlavni obecne styly
*/

/*
Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this:
However, this doesn't work for devices running Windows Phone 8 versions older than Update 3 (a.k.a. GDR3), as it causes such devices to show a mostly desktop view instead of narrow "phone" view. To address this, you'll need to include the following CSS and JavaScript to work around the bug.
*/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


@media screen,projection{

	body {
		margin: 0px 5px;
	}
	/*
	hlavni menu, tlacitko odhlasit je form, toto je zarovnani pro tlacitko
	*/
	.navbar-nav>li>form>input {
		padding-top: 14px;
	}


	#footer{
		border-top: 4px solid #000;
		margin-top: 10px;
		padding: 10px 0;
	}


	#footer .leftSide{
		padding-left:0px;
	}

	#footer .rightSide{
		text-align: right;
		padding-right:0px;
	}

	#ticketCheckpoints .collectedCheckpoint{
		background-color: red;
	}

	.clickablePointer{
		cursor: pointer;
	}

	.ticketTop{
		border: 1px solid;
		/*Dusickove kobylky*/
		/*width: 892px;*/
		width: 882px;
		/*height: 188px;
		 background-image: url('../images/logo_large.png');
		background-repeat: no-repeat;
		*/
	}

	.ticketTeam{
		border: 1px solid;
		/*width: 892px;*/
		 /*Dusickove kobylky*/
		width: 882px;
	}

	.ticketTeam td{
		padding: 0 0 0 20px;
	}

	#ticketCheckpoints{
		border: 1px solid;
		/*Dusickove kobylky*/
		/*width: 981px;*/
		/*width: 893px;*/
		width: 882px;
	}


	.chbox{
		border: 1px solid;
		color: black;
		display: block;
		float: left;
		height: 88px;
		/*Dusickove kobylky*/
		/*width: 89px;*/
		/*  nova sirka 12 na radku */
		width: 73px;
		/*  puvodni sirka 11 na radku */
		/*width: 80px;*/
		font-size: 30px;
		text-align: center;
	}
	.chbox small{
		font-size: 10px;
	}

	span.even{
		background-color: orange;
	}

	/* banner s prehledem kategorii nad tabulkama */
	.categoryBanner{
		 margin-bottom: 15px;
	}
	.categoryBanner .groupHighlight{
		background-color: gray;
		background-image: none;
		font-weight: bold;
		text-shadow: none;
		color: black;
	}

	/* carousel styly */
	.theadFloatedHighlight thead{
		background-color:lightgray;
		color: black;
	}


	.glyphiconsGlobal{
		color:#333333;
		font-size:large;
	}

		/* ---------- highlight team summary rows ------------  */
		.row-background-first{
			background-color: #ccc;
		}

		.row-background-second{
			background-color: #f2f2f2;
		}

		/* ---------- team launcher ------------  */
		.border-bottom{
			display: none;
		}

		.row-start-highlight{
			border-left: 5px solid red;
			border-right: 5px solid red;
			font-size: 18px;
			font-weight: bold;
			background-color: white;
		}
		.row-start-highlight.border-top{
			border-top: 5px solid red;
		}
		.row-start-highlight.border-bottom{
			display: table-row;
			border-bottom: 5px solid red;
		}
		.row-previous-slot{
			display: table-row;
		}



		#launcher-fixed-bottom {
			position: fixed;
			height: 42px;
			bottom: 0;
			width: 100%;
			background-color: black;
			left: 0;
			z-index: 5;
			font-size: 32px;
			color: white;
			text-align: center;
		}



	/* ---------- team summary  ------------  */
	.teamReady{
		color:green;
		font-size:medium;
	}


	/*----- registracni formular - pes ------*/
	.pes-image{
		height: 48px;
		float:left;
		margin-top: -5px;
	}

	/* ---------- cilova tabule  ------------  */
	.big-table{
		margin-left: 0px;
		margin-right: 0px;
		font-size: 35px;
	}



	/* ---------- globalni  ------------  */
	.red{
		color:red;
	}
	.star{
		color: #18b330;
	}
	.nopadding{
		padding: 0 !important;;
	}
	.nomargin{
		margin: 0 !important;
	}
	.m-t-5{
		margin-top: 50px;
	}

	.w-200{
		width: 200px !important;
	}



	/*--------- formular pro editaci teamu ------*/
	.form-member-delimiter{
		border-bottom: 1px #eee solid;
		margin-bottom: 10px;
	}

	.start-time-slot-label{
		display: inline-block;
		width: 40px;
	}

	.start-time-slot-label.time-slot-selected{
		background-color: orange;
	}

	.currentTeamSlot{
		background-color: darkgray;
	}

	.my-checkbox{
		input{
			margin-right: 5px;
		}
	}


	/*--------- skryt prvnich x vysledku ve vysledkove listine ------*/
	.hide-first-results{
		filter: blur(4px);
	}


	/*--------- prevede vsechen text do velkych pismen ------*/
	.velkaPismena {
		text-transform: uppercase;
	}

}







@media print {
	.unprintable {
		display: none;
	}

 	a[href]:after {
    	content: none !important;
  	}


	table{
		border-collapse:collapse;
	}
	table, th, td {
    	border: 1px solid black;
    	padding: 5px;
	}
	table {
    	font-size: 10px;
	}
	.number{
		text-align: right;
	}
}