/**
* Google Fonts
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);

/**
* Globální nastavení
*/
* {
	font-family: "Open Sans";
}

html, body {
	height: 100%;
	background: #FFFFFF;
	font-size: 14px;
	color: #444444;
}

/**
* Odkazy
*/
a {
	color: #444444;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

/**
* Nadpisy
*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	display: inline-block;
	width: 100%;
	font-weight: 300;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1, .h1 {
	font-size: 200%;
}

h2, .h2 {
	font-size: 175%;
}

h3, .h3 {
	font-size: 150%;
}

h4, .h4 {
	font-size: 125%;
}

h5, .h5 {
	font-size: 100%;
}

h6, .h6 {
	font-size: 75%;
}

/**
* Tabulky
*/
.table > tbody > tr > td {
	vertical-align: middle;
}

.table-borderless {
	margin: 0 -8px;
}

.table-borderless .help-block {
	margin: 5px 0 0 0;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
	vertical-align: top;
    border: none;
}

/**
* Formuláře
*/
form .form-control[readonly] {
	background: #FFF;
}

form .help-block {
	font-style: italic;
}

/**
* Modální okna
*/
.modal {
	text-align: center;
}

.modal:before {
	display: inline-block;
	vertical-align: middle;
	content: " ";
	height: 100%;
}

.modal-dialog {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.modal-backdrop {
	background: rgba(0, 0, 0, 0.75);
}

/**
* Stránkování
*/
.pagination-container {
	text-align: center;
}

.pagination-container > .pagination-info {
	margin: 0;
}

.pagination-container > .pagination-control > .pagination {
	display: block;
	margin: 0 auto;
}

.pagination-container > .pagination-control > .pagination .fa {
	min-width: 0;
}

/**
* Postranní panel
*/
.sidebar {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 130px;
	color: #F0F0F0;
	background-color: #3A4651;
}

.sidebar a {
	color: #B0B0B0;
}

.sidebar a:hover {
	color: #FFFFFF;
}

.sidebar .header {
	height: 75px;
	background-color: #2D363F;
	border-style: solid;
	border-color: #B0B0B0;
	border-width: 0 0 1px 0;
}

.sidebar .header .logo {
	padding: 5px;
	text-align: center;
}

.sidebar .header .logo img {
	height: 65px;
}

.sidebar .nav-base ul,
.sidebar .nav-tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar .nav-tree ul li ul li a {
	padding-left: 40px;
}

.sidebar .nav-base a,
.sidebar .nav-tree a {
	display: block;
	padding: 15px;
	color: #B0B0B0;
}

.sidebar .nav-base a:hover,
.sidebar .nav-tree a:hover {
	color: #FFFFFF;
	background-color: #2D363F;
}

.sidebar .nav-base a.active,
.sidebar .nav-tree a.active {
	color: #FFFFFF;
	background-color: #2D363F ;
}

.sidebar .nav-base a .fa,
.sidebar .nav-tree a .fa {
	font-size: 16px;
	min-width: 25px;
}

.sidebar .footer {
	position: absolute;
	width: 130px;
	bottom: 0;
	text-align: center;
}

.sidebar .footer .created {
	font-size: 12px;
	padding: 10px 0;
	background-color: #2D363F;
}

/**
* Obsah
*/
.content {
	margin-left: 130px;
}

.content .header {
	height: 75px;
	background-color: #E0E0E0;
	border-bottom: 1px solid #3A4651;
}

.content .header .title {
	padding: 10px 25px 5px;
	font-size: 150%;
}

.content .header .nav-breadcrumbs {
	padding: 0 25px;
	font-size: 90%;
}

.content .header .nav-breadcrumbs .fa {
	margin-right: 5px;
}

.content .header .user {
	position: absolute;
	top: 0;
	right: 0;
	height: 75px;
	padding: 15px 25px;
}

.content .main {
	padding: 25px;
}

.content .main .tile {
	float: left;
	width: 150px;
	margin: 5px 0;
}

.content .main .tile .fa {
	min-width: 16px;
}

/**
* Přihlášení
*/
.login {
	position: absolute;
	width: 350px;
	top: 50%;
	left: 50%;
	margin-top: -145px;
	margin-left: -175px;
	background: #FFFFFF;
	padding: 25px 25px 15px;
	border: 1px solid #C0C0C0;
	border-radius: 10px;
}

.login .fa {
	min-width: 20px;
}

/**
* Tracy
*/
.tracy-dump {
	position: relative;
	z-index: 1000;
}

/**
* Datepicker
*/
.icon-arrow-left:before,
.icon-arrow-right:before {
	font-family: FontAwesome;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.icon-arrow-left:before {
	content: "\f060";
}

.icon-arrow-right:before {
	content: "\f061";
}

/**
* Multiselect
*/
.multiselect-native-select {
	display: block;
}

.multiselect-native-select .btn,
.multiselect-native-select .btn-group {
	display: inline-block;
	width: 100%;
	text-align: left;
}