/*
    Zakladni styly pro definici stranky - nemenit - lokalni zmeny patri do application.css
*/

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	border: none;
	color: #313131;
	font-size: 85%;
	font-family: Arial, Helvetica, sans-serif;
	background: #e8e3dd url(./Images/bg_site.jpg) 0 0;
	min-width: 980px;
	_width: 980px;
}

h1 {
	font-size: 205%;
	font-weight: normal;
	color: #80582a;
	margin: 0 0 25px 0;
	padding: 0;
	color: #40486a;
	font-size: 180%;
	background-color: #D5CDBC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

h2 {
	color: #40486a;
	font-size: 155%;
	font-weight: normal;
	margin: 0;
	padding: 10px 0;
	font-family: Tahoma, Arial, sans-serif;
}

h3 {
	font-size: 135%;
	font-weight: normal;
	margin: 13px 0;
	padding: 0 0 3px 0;
	color: #000;
}

h4 {
	font-weight: bold;
	font-size: 100%;
	color: #000;
	margin: 0;
	padding: 7px 0;
}

h1, h2, h3, h4 {
	line-height: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

button {
	color: #000;
	text-shadow: 1px 1px 0 #FFFFFF;
}

fieldset {
	margin: 0 5px 10px 0;
	padding: 10px;
	border: 1px solid #B2ABA2;
	background: #eaeaea;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
}

legend {
	padding: 3px 5px;
	background: #FFF;
	border: 1px solid #B2ABA2;
}

.page {
	margin-top: 5px;
	padding: 25px;
}

.detail {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #f2f2f2;
	border: 1px solid #B2ABA2;
	padding: 15px;
	/*width: 900px;	*/
}

	.detail table {
		width: 100%;
	}

.editable {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #D5CDBC;
	padding: 5px 10px;
	margin: 5px 0 0 0;
}

.actions {
	display: inline-block;
}

.combo-btn {
	background: url(Images/combo-btn.png) 0 0 no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 0 0 -4px;
	border: none;
}


.error-message {
	padding: 5px 10px 5px 55px;
	margin: 15px 0;
	background: rgba(255,0,0,0.65);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #FFFF00;
	color: whitesmoke;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.message {
	padding: 5px 10px 5px 55px;
	margin: 15px 0;
	background: lightgreen;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid green;
	color: black;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.invisible {
	display: none;
}

.ui-progressbar .ui-progressbar-value {
	background-image: url(Images/pbar-ani.gif);
}

.version {
	font-size: smaller;
}

input[disabled] {
	background-color: rgb(224, 224, 224) !important;
}

.clear {
	clear: both;
}

.width10 {
	width: 10% !important;
}

.width20 {
	width: 20% !important;
}

.width30 {
	width: 30% !important;
}

.width40 {
	width: 40% !important;
}

.width50 {
	width: 50% !important;
}

.width60 {
	width: 60% !important;
}

.width70 {
	width: 70% !important;
}

.width80 {
	width: 80% !important;
}

.width90 {
	width: 90% !important;
}

.width100 {
	width: 100% !important;
}

.noRecordFound {
	display: none;
	border: solid coral medium;
	padding: 10px 35px;
	background: url('images/ico-alert-big.png') no-repeat;
}

.emptyHighlightCell {
	/*background-color: coral;*/
	width: 100%;
	display: block;
}

.warning {
	background-color: coral !important;
}

/* icon display */

.fieldGraphic div.icon-display {
	padding: 4px 7px;
	font-size: 75%;
}

div.icon-display {
	float: left;
	text-align: center;
	display: inline-block;
}

	div.icon-display a {
		display: block;
		cursor: default;
		text-decoration: none;
		color: #313131;
	}

div.icon-action a {
	cursor: pointer;
}

div.icon-display.icon-middle a {
	width: 42px;
	padding: 42px 0px 0px 0px;
	background-size: 42px 42px;
}

div.icon-display.icon-small a {
	width: 32px;
	padding: 32px 0px 0px 0px;
	background-size: 32px 32px;
}

div.icon-display.icon-list a {
	width: 24px;
	padding: 24px 0px 0px 0px;
	background-size: 24px 24px;
}

div.icon-display.icon-middle a:hover {
	width: 42px;
	padding: 42px 0px 0px 0px;
	background-size: 42px 42px;
}

div.icon-display.icon-small a:hover {
	width: 32px;
	padding: 32px 0px 0px 0px;
	background-size: 32px 32px;
}

div.icon-display.icon-list a:hover {
	width: 24px;
	padding: 24px 0px 0px 0px;
	background-size: 24px 24px;
}

div.icon-detail a {
	background: url(Images/icon_42_default_11_detail.png) 50% 0 no-repeat;
}

	div.icon-detail a:hover {
		background: url(Images/icon_42_hover_11_detail.png) 50% 0 no-repeat;
	}

div.icon-edit a {
	background: url(Images/ico24_default_editovat.png) 50% 0 no-repeat;
}

	div.icon-edit a:hover {
		background: url(Images/ico24_hover_editovat.png) 50% 0 no-repeat;
	}

div.icon-delete {
	padding: 4px 7px;
}

	div.icon-delete button {
		background: url(Images/nrzp_42_default_17_smazat.png) 50% 0 no-repeat;
		width: 24px;
		padding: 24px 0px 0px 0px;
		background-size: 24px 24px;
		cursor: pointer;
		border-width: 0px;
		/* Hide the text. */
		font-size: 0;
	}

		div.icon-delete button:hover {
			background: url(Images/nrzp_42_hover_17_smazat.png) 50% 0 no-repeat;
			width: 24px;
			padding: 24px 0px 0px 0px;
			background-size: 24px 24px;
			cursor: pointer;
		}

	div.icon-delete a {
		background: url(Images/nrzp_42_default_17_smazat.png) 50% 0 no-repeat;
	}

		div.icon-delete a:hover {
			background: url(Images/nrzp_42_hover_17_smazat.png) 50% 0 no-repeat;
		}

div.icon-map a {
	background: url(Images/ico_24x24_mapa.png) 50% 0 no-repeat;
}

	div.icon-map a:hover {
		background: url(Images/ico_24x24_mapa-on.png) 50% 0 no-repeat;
	}

/* CUD zadanky */
table.zadanka, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0.65em;
}

	table.zadanka th {
		background-color: rgb(224, 224, 224);
	}

select[data-val-required] {
	background-color: lightyellow;
}