/*======================================== czcionki i linki ======================================== */
/* 1em = 12pt = 16px = 100% */
body, .resetFont, .contentPanel .ui-widget-content, button {
	font-family: 'Roboto', sans-serif;
	font-size: 12px; /* = 62.5%; ustawienie to powoduje, że rozmiar czcionki 1em = 10px */
	background-color: #ffffff;
	color: #333;
}

body 
{
	background-color: #f5f5f5;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale;
}

/*======================================== wspólne elementy ========================================*/
html, body
{
	height: 100%;
}

h3
{
	font-weight: bold;
	font-size: 1.1em;
}

h5, .h5
{
	font-size: 24px;
	line-height: 1em;
}

h6, .h6
{
	font-weight: bold;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 13px;
	display: inline;
	margin-right: 20px;
}

a
{
	outline: none;
}

input,
select,
textarea,
button,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
	box-sizing: border-box;
	outline: none;
}

input,
select,
textarea,
button,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
	border: 1px solid #c4c4c4;
}

input[type=checkbox],
.ui-widget input[type=checkbox]
{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

input[type="text"],
input[type="password"],
select,
.ui-widget input[type="text"],
.ui-widget input[type="password"],
.ui-widget select
{
	color: #333;
	padding-left: 7px;
	padding-right: 7px;
	height: 26px;
	line-height: 1em;
}

textarea.std-input-text {
	width: 100%;
}

input.std-input-text {
	width: 100%;
}

input[type="number"],
.ui-widget input[type="number"] {
	color: #333;
	padding-left: 7px;
	padding-right: 7px;
	height: 26px;
	line-height: 1em;
}

select,
.ui-widget select
{
	padding-right: 0;
}

textarea,
.ui-widget textarea
{
	color: #333;
	padding: 16px;
	line-height: 18px;
	max-width: 100%;
}

.comboboxContainer,
.datepickerContainer
{
	line-height: 20px;
	white-space: nowrap;
}

.comboboxContainer input
{
	border-right: none;
	vertical-align: top;
}

.comboboxContainer button:first-of-type
{
	border-left: none;
	vertical-align: top;
}

#cookie-policy
{
	z-index: 10;
	position: relative;
	display: block;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .85);
	color: #fdfdfd;
	box-sizing: border-box;
	padding: 12px 14px;
	font-size: 11px;
	line-height: 14px;
}

.page-container #cookie-policy
{
	position: fixed;
}

#cookie-policy > div:first-of-type
{
	padding-right: 28px
}

#cookie-policy .cookie-policy-more
{
	display: none;
	padding-top: 10px;
}

#cookie-policy-show-more,
#cookie-policy-show-less
{
	padding-left: 4px;
}

#cookie-policy-close
{
	font-size: 14px;
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -7px;
}

#cookie-policy a,
#cookie-policy a:link,
#cookie-policy a:active,
#cookie-policy a:focus,
#cookie-policy a:hover,
#cookie-policy a:visited
{
	color: #fdfdfd;
}

#mainContainer
{
	margin:7px;
}

.page-loading #headerContainer > :not(#page-header),
.page-loading #mainContainer
{
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.page-loading.page-loading--loaded #headerContainer > :not(#page-header),
.page-loading.page-loading--loaded #mainContainer
{
	opacity: 1;
}

.page-loading.page-loading--faded #headerContainer > :not(#page-header),
.page-loading.page-loading--faded #mainContainer
{
	transition: opacity 5s ease-in-out;
	opacity: .05;
}

.page-loading #siteContainer:before
{
	background: transparent url('/Content/Images/ajax-loader.gif') no-repeat 50% 50%;
	width: 32px;
	height: 32px;
	display: block;
	content: '';
	position: absolute;
	top: 50vh;
	left: 50vw;
}

.render-async
{
	min-width: 32px;
	min-height: 32px;
}

.render-async:before
{
	background: transparent url('/Content/Images/ajax-loader.gif') no-repeat 50% 50%;
	width: 100%;
	height: 100%;
	min-width: 32px;
	min-height: 32px;
	left: 0;
	top: 0;
	display: block;
	content: '';
	position: absolute;
	z-index: 2;
	transition: opacity 1s ease-in-out;
	opacity: .9;
}

.render-async--loaded:before
{
	opacity: 0;
}

.render-async--faded:before
{
	z-index: -100000;
}

.issue-view .well .render-async,
.issue-view #workflowButtons .transition-actions.render-async
{
	z-index: 0;
	position: relative;
}

.issue-view #workflowButtons .transition-actions.render-async:before,
#workflowQuickAddIssue > .btn-dropdown-menu > .dropdown-menu.render-async:before
{
	background-color: #f5f5f5;
}

.well .render-async:before
{
	background-color: #fff;
}

.userEventForm .description {
	white-space: normal;
	color: #888;
	border-top: 1px solid #ddd;
	padding: 10px;
}

.userEventForm .col1 {
	width: 120px;
}