.datait-brand {
	position: absolute;
	right: 0;
	bottom: -20px;
	font-size: 11px;
}

a, input, button, select {
	outline: medium none !important;
}

html, body {
	font-family: Roboto, sans-serif;
	height: 100%;
	background: url("/img/grain.png") repeat scroll 0 0 #eaeff2;
	font-size: 14px
}

.btn {
	font-weight: normal;
    border-radius: 2px;
    padding: 4px 9px;
}

span.btn {
	cursor: auto;
}

span.btn-success, span.btn-success:hover {
    color: #fff;
    background-color: #0080005c;
    border-color: #0080005c;
}

span.btn-warning, span.btn-warning:hover {
    color: #fff;
    background-color: #f0ad4e7d;
    border-color: #f0ad4e7d;
}

span.btn-danger, span.btn-danger:hover {
    color: #fff;
    background-color: #d9534f80;
    border-color: #d9534f80;
}

.section-search .btn-group, .section-actions .btn-group {
	margin-top: 3px;
}

.section-search .btn-group .btn-title {
	font-weight: 600;
}

small, .small {
	font-size: 11px;
}

.wrap {
	min-height: 100%;
	height: auto;
}

.wrap > .container {
	padding: 70px 15px 20px;
}

.footer {
	height: 60px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

a {
	color: #205081;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content: /*"\e113"*/ "\e151";
}

a.desc:after {
	content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

.navbar-brand {
	padding: 0;
	padding-left: 8px;
}

.wrap > .container {
	padding: 70px 15px 20px;
}

.wrap > .container-guest {
	padding: 15px;
}

.wrap > .container-fluid {
	padding-top: 65px;
}

@media (min-width: 768px) {
	.wrap > .container-guest {
		padding: 70px 15px 20px;
	}

	.col-sm-4.col-menu {
		width: 234px;
	}

	.col-sm-8.col-content {
		width: 516px;
	}

	.container-fluid .col-sm-8.col-content {
		width: calc(100% - 234px);
	}
}

@media (min-width: 992px) {
	.col-md-9.col-content {
		width: 736px;
	}

	.container-fluid .col-sm-8.col-content {
		width: calc(100% - 234px);
	}

	.list-group-item > .btn-group > .btn {
		width: 171px;
	}

	#side-menu .dropdown-menu {
		left: 0;
		right: auto;
	}
}

@media (min-width: 1200px) {
	.col-md-9.col-content {
		width: 936px;
	}

	.container-fluid .col-sm-8.col-content {
		width: calc(100% - 234px);
	}
}

@media print {
	.col-menu {
		display: none;
	}

	.col-md-9.col-sm-8.col-content {
		width: 100%;
	}
}

.col {
	float: left;
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs {
	width: 80px;
}

.col-sm {
	width: 120px;
}

.col-md {
	width: 180px;
}

.col-lg {
	width: 260px;
}

.col-icon {
	width: 16px;
}

.col-main {
	width: auto;
}

.col-worker {
	width: 180px;
	text-align: right;
}

.col-customer {
	width: 240px;
	text-align: right;
}

.col-project {
	width: 520px;
	text-align: right;
}

.col-timespace {
	width: 172px;
	text-align: right;
}

.nav.nav-tabs li.main {
	font-weight: bold;
}

.labels {
	bottom: 1px;
	display: inline-block;
	position: relative;
}

.label {
	font-size: 84%;
	padding: 0.2em 0.4em 0.1em;
	text-transform: uppercase;
	font-weight: 400;
}

.label-sm {
    font-size: 80%;
    padding: 0.1em 0.4em;
}

.labels .label {
	margin-left: 3px;
}

.labels .label .desktop {
	display: inline;
}

.labels .label .mobile {
	display: none;
}

.label-success {
	background-color: #00800073;
}

@media (max-width: 360px) {
	.labels .label .desktop {
		display: none;
	}

	.labels .label .mobile {
		display: inline;
	}
}

.help-block {
	margin: 0;
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
	z-index: auto;
}

.form-horizontal {
	padding-top: 10px;
}

.form-horizontal .control-label {
    font-weight: 600;
    padding-top: 7px;
    margin-bottom: 0px;
    text-align: right;
    text-transform: uppercase;
}

.form-group {
	margin-bottom: 5px;
}

.grid-view {
	padding-top: 15px;
}

.box {
	margin: 0 0 30px;
}

.box .inside {
	padding: 15px;
}

.box-default {
	border-color: #bbb;
	color: #444;
}

.box.box-alert {
	margin: 0 0 15px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.box.box-alert .table .table-cell:first-child {
	display: none;
}

.box.box-alert h2 {
	color: white;
}

.tab-content {
	position: relative;
	background-color: #fff;
	padding: 0 15px 15px;
	margin-bottom: 15px;
}

.box-xs {
	height: 96px;
}

.box-sm {
	height: 159px;
}

.box-md {
	height: 222px;
}

.box-lg {
	height: 348px;
}

.section.search .btn {
    margin-top: 15px;
}

.form-group-lg .form-control-static {
    font-size: 18px;
    height: auto;
    line-height: 1.42857;
    padding: 7px 0;
}

.form-group-lg .form-control-static strong, .form-group-lg .form-control-static strong a {
	font-weight: normal;
}

.form-control-static {
    padding-top: 7px;
}

.form-horizontal .form-group-lg .control-label {
    font-size: 18px;
    padding-top: 7px;
    font-weight: 600;
    text-transform: uppercase;
}

.row-title .col-main {
	padding-left: 15px;
}

.navbar-nav > li > a {
	font-weight: bold;
}

.row-policy {
	font-size: 12px;
	color: #666;
	margin-top: 15px;
}

.row-group {
	margin-top: 15px;
}

.row-help {
	color: #666;
}

.box .section {
	padding: 0 15px;
	display: block;
}

.box a.section:hover {
	text-decoration: none;
}

.box .section.section-last {
	border-bottom: 0 none;
	padding-bottom: 15px;
}

.box h1 {
	font-size: 50px;
	font-weight: 300;
	text-transform: uppercase;
}

.box h1 small {
	font-size: 30px;
	font-weight: 300;
	color: inherit;
	text-transform: uppercase;
}

.box h2 {
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
}

.box h2 small {
	color: inherit;
}

.box h3 {
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
}

.box h3 small {
	font-size: 75%;
	color: inherit;
}

.box h4 {
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	padding-bottom: 0;
	border-bottom: 0 none;
}

.progress {
	border-radius: 0;
	margin-bottom: 6px;
	height: 10px;
}

.progress-bar {
	box-shadow: none;
}

.hours_daily {
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	list-style-type: none;
}

.hours_daily li {
	width: 12px;
	margin-right: 1px;
	background-color: orange;
	display: inline-block;
	position: relative;
	border-bottom: 2px solid #666;
}

.nav-tabs > li.pull-right > a {
	margin-right: 0;
	margin-left: 2px;
}

h1, .h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Open Sans";
	letter-spacing: 0.3em;
}

.box h1, .box .h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
	margin-top: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.box h1, .box .h1 {
	margin: 0;
}

h2, .h2 {
	font-weight: bold;
}

h3, .h3 {
	margin-top: 25px;
	border-bottom: 1px solid #aaa;
	padding-bottom: 8px;
}

.box h3, .box .h3 {
	margin-top: 15px;
}

h4, .h4 {
	padding-bottom: 4px;
	font-size: 14px;
	font-family: "Open Sans";
	font-weight: 600;
	letter-spacing: 0.2em;
}

h5, .h5 {
	margin-top: 25px;
	margin-bottom: 10px;
}

.section-222 {
	background-color: #222;
	color: white;
}

.section-222 small {
	color: white;
}

.section-444 {
	background-color: #444;
	color: white;
}

.section-444 small {
	color: white;
}

.section-666 {
	background-color: #666;
	color: white;
}

.section-666 small {
	color: white;
}

.section-888 {
	background-color: #337ab7;
}

a.section-888:hover {
	background-color: #286090;
}

.section-888 h2 {
	color: white;
	font-size: 20px;
	font-weight: 400;
	padding: 0;
	margin-left: 0;
}

.section-888 small {
	color: white;
}

.section-AAA {
	background-color: #337ab7;
	color: white;
}

a.section-AAA:hover {
	background-color: #286090;
	color: white;
}

.section-AAA h2, .section-AAA h3 {
	color: white;
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	margin-left: 0;
}

.section-AAA small {
	color: white;
}

.section-CCC {
	background-color: #ccc;
	color: white;
}

.section-CCC small {
	color: white;
}

.section-EEE {
	background-color: #eee;
	color: #222;
}

a.section-EEE:hover {
	background-color: #ccc;
	color: #222;
}

.section-EEE small {
	color: #222;
}

.section-FFF {
	background-color: #fff;
	color: #222;
}

a.section-FFF:hover {
	background-color: #ddd;
	color: #222;
}

.section-FFF small {
	color: #222;
}

.section-t40 {
	opacity: 0.4;
}

.chart {
	margin-bottom: 10px;
}

span.id a {
	color: #aaa;
}

.col-hour, .col-minute {
	padding-right: 3px;
	width: 90px;
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.logs {
	font-size: 11px;
	line-height: 6px;
	text-align: right;
}

.navbar .btn {
	margin-top: 8px;
}

.bs-callout-info h4 {
	font-weight: 600;
}

.tab-content .nav-tabs {
	padding-top: 15px;
}

.form-control-static-button {
	padding: 0;
}

.form-control-static-button .btn {
	margin-top: 0;
}

.labels-top {
	padding-bottom: 8px;
}

.navbar-inverse {
	background-color: #642566;
	border: 0 none;
	margin-bottom: 15px;
}

.navbar-inverse .navbar-text {
	color: white;
}

.box h3 {
	border-bottom: 0 none;
	padding-bottom: 0;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
	border-color: #666;
}

ul.image {
	padding-left: 0;
}

ul.image li {
	list-style: none;
	padding-left: 30px;
	background-position: 0 -2px;
	background-repeat: no-repeat;
}

ul.image li.on {
	background-image: url('/img/on.png');
}

ul.image li.off {
	background-image: url('/img/off.png');
}

.header {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.box .label-sm {
	vertical-align: 2px;
}

.box .section-alert {
	padding: 0;
}

.box .section-alert .table {
	display: table;
	width: 100%;
	margin-bottom: 0;
}

.box .section-alert .table-cell {
	display: table-cell;
	width: 50px;
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
}

.box .section-alert .table-cell.primary, .box .section-alert .table-cell.success, .box .section-alert .table-cell.info, .box .section-alert .table-cell.warning, .box .section-alert .table-cell.danger {
	display: table-cell;
	width: 50px;
	font-size: 24px;
	vertical-align: middle;
	text-align: center;
	color: white;
	background-color: #888;
}

.box .section-alert .table-cell.primary {
	background-color: #337ab7;
}

.box .section-alert .table-cell.success {
	background-color: #5cb85c;
}

.box .section-alert .table-cell.info {
	background-color: #5bc0de;
}

.box .section-alert .table-cell.warning {
	background-color: #f0ad4e;
}

.box .section-alert .table-cell.danger {
	background-color: #d9534f;
}

.box .section-alert .table-cell.message {
	width: auto;
	padding: 0;
	text-align: left;
}

.box-alert-danger > .section-alert {
	background-color: #d9534f;
	border-radius: 2px;
	color: white;
}

.box-alert-danger > a:hover {
	background-color: #af4440;
	text-decoration: none;
}

.box-alert-danger .section-alert .message a {
	color: white;
	text-decoration: underline;
}

#buttons-menu {
	margin-bottom: 20px;
}

.nav-tabs > li > a {
	border-radius: 2px 2px 0 0;
}

small strong, small strong a {
	font-size: 11.9px;
}

.logs strong, .logs strong a {
	font-size: 11px;
	letter-spacing: unset;
}

.section.section-subsearch {
	margin-top: 15px;
}

.section.section-subsearch a {
	padding: 0 10px;
	border-right: 1px solid #444;
	float: left;
    font-size: 14px;
    text-transform: uppercase;
}

.section.section-subsearch a:first-child {
	padding-left: 0;
}

.section.section-subsearch a:last-child {
	padding-right: 0;
	border-right: 0 none;
	float: none;
}

.section.section-subsearch .active {
    font-weight: bold;
}

.col {
	float: left;
}

small strong a {
	font-size: 11px;
	letter-spacing: normal;
}

td.col-main strong, td.col-main strong a {
	font-weight: 600;
}

.section.section-subactions a {
    display: inline-block;
    font-size: 13px;
    margin-right: 14px;
    margin-top: 12px;
    text-transform: uppercase;
}

.section.section-header h1 a.active {
    font-weight: bold;
    opacity: 1;
}

.section.section-header h1 a {
    font-size: 28px;
    font-weight: normal;
    opacity: 0.5;
    text-transform: uppercase;
    margin-left: 20px;
}

.section.section-header h1 a:hover {
	text-decoration: none;
	opacity: 1;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
	border-radius: 4px;
}

.btn.btn-xxs, .btn-group-xxs > .btn {
    border-radius: 0.25em;
    font-size: 80%;
    line-height: 1;
    padding: 0.1em 0.3em;
    text-transform: uppercase;
    display: inline;
}

.btn-master {
	background-color: #000;
	border-color: #000;
	color: white;
}

.btn-master.disabled, .btn-master[disabled], fieldset[disabled] .btn-master, .btn-master.disabled:hover, .btn-master[disabled]:hover, fieldset[disabled] .btn-master:hover, .btn-master.disabled:focus, .btn-master[disabled]:focus, fieldset[disabled] .btn-master:focus, .btn-master.disabled.focus, .btn-master.focus[disabled], fieldset[disabled] .btn-master.focus, .btn-master.disabled:active, .btn-master[disabled]:active, fieldset[disabled] .btn-master:active, .btn-master.disabled.active, .btn-master.active[disabled], fieldset[disabled] .btn-master.active {
	background-color: #222;
	border-color: #000;
	color: white;
}

.navbar-inverse .navbar-nav > li > a {
	color: white;
}

h3.hr {
    margin-top: 10px;
    border-bottom: 0 none;
    padding-bottom: 0;
    font-size: 19px;
}

h3.hr span {
    font-size: 15px;
    background-color: white;
    display: inline;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.3em;
}

.normal {
	font-weight: normal;
}

.table > thead > tr > th {
	font-size: 11px;
	text-transform: uppercase;
}

.summary .table > thead > tr > th, .summary .table > tbody > tr > th, .summary .table > tfoot > tr > th, .summary .table > thead > tr > td, .summary .table > tbody > tr > td, .summary .table > tfoot > tr > td {
	border-top: 0 none;
}

.summary strong {
	font-size: 14px;
}

.summary-bottom {
	border-bottom: 1px solid #aaa;
}

.summary-left {
	border-left: 1px solid #aaa;
}

.summary-right-light {
	border-right: 1px solid #aaa;
}

.summary-top {
	border-top: 1px solid #aaa;
}

.summary .summary-all strong {
	font-size: 16px;
}

.label[disabled] {
	opacity: 0.65;
}

span.null {
	color: #666;
	font-style: italic;
}

.bottom {
	margin-top: 15px;
}

.form-control-static.form-control-static-table {
	padding: 0;
}

.form-control-static-table .grid-view {
	padding-top: 0;
}

.form-control-static-table .grid-view .table {
	margin-bottom: 0;
}

.form-control-static-table .grid-view .table > tbody > tr > td {
	border-top: 0 none;
	padding-top: 7px;
	padding-bottom: 7px;
}

.form-control-static-table .grid-view .table > tbody > tr > td:first-child {
	padding-left: 0;
}

html.guest, html.guest body, html.guest .wrapper {
	height: 100%;
}

.autocenter {
	position: absolute;
}

.table {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

.row-brakes {
	border-top: 1px solid #ddd;
}

.fa.fa-big {
	font-size: 42px;
}

/* logowanie */

.table-cell-login-brand {
	text-align: center;
	vertical-align: middle;
	width: 50%;
	padding: 0 30px
}

.table-cell-login {
	border-left: 1px solid #ddd;
	width: 50%;
	padding: 30px
}

.row-policy {
	margin-top: 35px;
	text-align: center;
}

.row-policy > div {
	padding: 0 30px;
}

.row-policy p {
	font-size: 11px;
}

.table-cell-login-brand .symbol-brand {
	font-size: 37px;
}

.symbol-brand .fa-stack-back {
	color: rgb(108, 187, 237);
}

.symbol-brand .fa-stack-front {
	color: white;
}

.table-cell-login-brand .title-brand h3 {
	line-height: 32px;
}

.table.table-login {
	position: relative;
}

@media (min-width: 480px) {
	.table.table-login {
		background-color: white;
		border: 1px solid #ddd;
		border-radius: 2px;
		box-shadow: 0 2px 2px #ddd;
		padding: 30px 0;
	}
}

@media (max-width: 479px) {
	.table.table-login {
		padding: 0;
	}

	.table-cell-login {
		background-color: white;
		border: 1px solid #ddd;
		border-radius: 2px;
		box-shadow: 0 2px 2px #ddd;
		display: block;
		margin-top: 30px;
		padding: 10px;
		width: 100%;
	}

	.table-cell-login-brand {
		display: block;
		width: 100%;
		padding-bottom: 0;
	}

	.table-cell-login-brand .title-brand {
		float: left;
	}

	.table-cell-login-brand .title-brand h3 {
		font-size: 18px;
		margin: 4px 0;
		line-height: 22px
	}

	.table-cell-login-brand .title-brand h3.title-brand-desc {
		font-size: 17px;
	}

	.table-cell-login {
		display: block;
		width: 100%;
		border-left: 0 none;
		padding: 15px;
	}

	.row-policy {
		margin: 30px 0 15px 0;
	}

	.row-policy > div {
		padding: 0;
	}
}

/* logowanie */

.btn-title {
	font-size: 12px;
}

.form-group-lg .form-control, .form-control {
    border-radius: 2px;
    height: 30px;
    padding: 4px 9px;
}

.symbol-brand .fa-stack {
	display: block;
}

.btn-group .form-group label {
	font-size: 12px;
	line-height: 1.42857;
	margin-bottom: 0;
	display: block;
}

.btn-group .form-group {
	margin-bottom: 0;
}

.select2-container--bootstrap .select2-selection {
	border-radius: 2px;
	box-shadow: none;
}

.section-search .control-label {
	font-size: 12px;
	margin-bottom: 0;
}

.select2-container--bootstrap .select2-selection--single {
    height: 30px;
    padding: 4px 24px 4px 9px;
}

.section-search .table {
    margin-bottom: 0;
}

.indicator {
    display: inline-block;
    background-color: green;
    width: 25px;
    height: 25px;
    border: 2px solid white;
    position: absolute;
    border-radius: 50%;
}

.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 32px;
    color: #333;
    white-space: nowrap;
    padding: 0 8px;
}

.col-fullname {
    width: 200px;
}

.col-time {
    width: 140px;
}

input[type="file"] {
    padding-top: 5px;
    min-height: 34px;
    padding-bottom: 7px;
}

.requester {
    font-size: 11px;
}

h1 a {
	text-transform: uppercase;
	font-family: "Open SAns", sans-serif;
	letter-spacing: 0.3em;
	font-weight: 600;
}

.section.section-main {
	margin-left: -15px;
	margin-right: -15px;
}

.section-search-bottom {
	margin-top: 15px;
}