/*.date {color: #afafaf;} */
span.counter {background: #f7f7f7; color: #333; border: 1px solid #ddd;}

/* --- Navigation header bar --- */
.custom-navbar a:hover {text-decoration: none;}
.custom-navbar .navigation{margin:0;border:none;height:30px;color:#eee;}
.custom-navbar .navigation .nav-collapse{margin:0;height:100%;}
.custom-navbar .navigation .nav-collapse ul.menu, 
.custom-navbar .navigation .nav-collapse ul.menu li{height:100%;vertical-align: top;color:#eee;position:relative;}
.custom-navbar .navigation .nav-collapse ul.first-list:before{color:#eee;}
.custom-navbar ul.nav-child.unstyled.small.first-list{background-color: #464b50;display:none;position:absolute;}
.custom-navbar .navigation ul.nav-child li {width: 180px;}
.custom-navbar ul.nav-child.unstyled.small.first-list li.admin, 
.custom-navbar ul.nav-child.unstyled.small.first-list li.admin ul{background-color: #3e3e3e;}
.custom-navbar .nav-child .second-list{position:absolute;top:0;margin:0;width:200px;right:-200px;background-color: #464b50;border-left: 1px solid #383d42;display: none;}
.custom-navbar ul.nav-child ul.second-list li{padding: 5px 10px;}
.custom-navbar ul.uk-navbar-nav li:first-of-type a, .custom-navbar .navigation .nav li:first-of-type a {padding-top: 9px;}
.custom-navbar .navigation .nav-collapse a{color:#eee;display:block;}
.custom-navbar .navigation .nav-collapse span{color:#a7a7a7;}
.custom-navbar .navigation .nav-collapse .second-list li{padding:0;}
.custom-navbar .navigation .nav-collapse .second-list a{margin:0;padding:5px 10px;}
.custom-navbar .nav.menu > li > a{padding: 7px 10px 5px; margin: 0; font-size: 15px;}
.custom-navbar .nav-collapse ul.menu li.visible, .custom-navbar .nav-collapse ul.menu a:hover, .custom-navbar .nav-collapse ul.menu li.visible a.hover-visible{color:#00b9eb;cursor:pointer;}
.parent.visible > span, .parent.visible > a > span, .parent.visible > a, .default.current:hover > a > span {color:#00b9eb !important;}
/* .default.current.active > a > span, .default.current.active > a */
#mobile-menu {display: none;}

@media (max-width: 1100px) {
	div#tm-headerbar {padding: 0 5px;}
	.custom-navbar .navigation {position: relative;}
	.custom-navbar .nav.menu > li > a {font-size: 14px; padding: 5px 6px;}
	.custom-navbar .navigation .nav-collapse ul.menu, .custom-navbar .navigation .nav-collapse ul.menu li {height: auto;}
	.custom-navbar .navigation ul.nav-child li {width: 100px;}
	ul.nav-child.unstyled.small li, .custom-navbar .navigation .nav-collapse .second-list a {font-size: 13px; padding: 5px 0px 5px 5px;}
	#mobile-menu {cursor: pointer; position: absolute; display: inline-block; right: 0; top: 8px;}
	#mobile-menu:hover {color: #00b9eb;}
	.navigation .nav li {display: block;}
	.navigation ul.menu {width: 125px;}
	#menu {overflow: hidden;}
	#menu.show {overflow: visible;}
	.custom-navbar ul.nav-child.unstyled.small.first-list {top: 0; left: 125px;} 
	.custom-navbar .nav-child .second-list {left: 100px;}
	.custom-navbar .nav-child .second-list, .custom-navbar .nav-child .second-list li {width: 110px !important;}
	#mobile-menu, .custom-navbar .navigation, .custom-navbar .nav-child, .custom-navbar .nav-child .first-list, .custom-navbar .nav-child .second-list {z-index: 99999;}
}

/* --- Statusy --- */
span.status-bar {padding: 3px 8px!important; width: 90px; text-align: center; font-weight: normal; font-size: 10px; opacity: 0.9; text-transform: uppercase;}
.ticket-status {color: white;}
.ticket-status.new, 
.ticket-status.resumed {background-color: #3A47A1;}
.ticket-status.completed {background-color: #0F8A00;}
.ticket-status.in-progress {background-color: #038DAD;}
.ticket-status.in-progress-25 {background-color: #00AFB7;}
.ticket-status.in-progress-50 {background-color: #01BF82;}
.ticket-status.in-progress-75 {background-color: #01BF44;}
.ticket-status.on-hold {background-color: #FF7600;}
.ticket-status.canceled {background-color: #B32828;}
.ticket-status.closed {background-color: #CCCCCC;}
.ticket-status.pinned {background-color: black;}

/* --- Sidebar --- */
.well {min-height: 20px; padding: 0 !important; margin-bottom: 20px;}
.well > h3 {font-size: 14px; color: white; background: #306da1; border-radius: 5px; padding: 3px 0 4px 10px; margin: 0 0 4px 0;}
.well > ul {border-bottom: 1px solid rgba( 0, 0, 0, .08 ); margin: 0 0 15px 0; padding-bottom: 15px;}
.well > ul li {padding: 3px 5px 1px; margin-bottom: 4px; list-style: none; background: white; border: 1px solid #ccc; border-radius: 5px;}
.well > ul li:nth-child(even) {background: #f6f9ff;}
.well > ul li a {color: #666;}
.well .counter {font-weight: normal; margin: 0 5px; min-width: 15px; display: inline-block; text-align: center;}
.login-greeting {padding: 5px;}

/* --- Sidebar: Aktualizacje zadań / Najnowsze zadania --- */
.latest a {display: list-item; list-style: disc; margin: 0 0 1px 20px; color: #005e8d; font-size: 11.5px; font-weight: bold;}
.latest .badge {vertical-align: top; margin: 2px 4px 0 0;}
.latest .updated {display: inline-block; border-left: 1px solid #ddd; padding-left: 7px;}
.latest .updated > span {display: block;}
.latest .updated .author, .latest .updated .date {font-size: 11px; line-height: 12px;}
.latest.tasks .date {margin-left: 20px;}
.latest.tasks .author, .latest.tasks .date {font-size: 11px;}

/* --- Sidebar: Login / User list / Group list --- */
.login-greeting div{display:inline-block; vertical-align: middle;}
div.avatar {border: 1px solid #ccc; border-radius: 4px; margin-right: 5px;}
div.avatar img{max-width:60px; max-height:60px;}
div.avatar, .user-list img.avatar {background-color:#fff; padding:3px;}
div#aside {margin-top: -20px; text-align: right;}
.user-list img.avatar{width:30px;height:30px;}
.user-list li, .group-list li {margin-bottom: 3px;}
.user-list a, .group-list a {font-weight: bold;}
.group-list a {padding: 2px 0; display: block;}
.user-list a:hover, .group-list a:hover {color: #306DA1; text-decoration: none;}

/* --- Sidebar: Search --- */
#searchform-bug {padding: 3px; border-radius: 5px; position: relative; background: #848484; height: 28px; max-width: 250px;}
#searchform-bug > div {margin-right: 30px;}
#bug_s {width: 100%; height: 16px; padding: 7px 0 5px; border: 0; border-radius: 3px; background: #FFF; color: #9c9c9c; font-size: 1em; text-indent: 6px; border: none !important;}
#searchsubmit {padding: 8px 16px; border: 0; position: absolute; top: 0; right: 1px; background: url(/images/search.png) no-repeat center center; text-indent: -9999em; cursor: pointer;}

/* --- Dashboard --- */
.user-tickets {margin: 0;}
.user-tickets li {list-style: none; padding: 3px 5px 1px; margin-bottom: 4px; list-style: none; background: #f9f9f9; border: 1px solid #ccc;}
.user-tickets li:nth-child(even) {background: #f6f9ff;}


div#tm-headerbar {
	width: auto;
	position: initial!important;
}

ul>li {
	z-index: 100;
}

a.hover-visible {background-color: #333333!important;}
a.icon-home {-webkit-box-sizing: unset;-moz-box-sizing: unset;box-sizing: unset;}

@media (max-width: 1200px) {
	.span12, .span9, .span6, .span5, .span4, .span3 {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 1200px !important;
	}
	
	div.container {
		max-width: 1200px !important;
		width: 99%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.panel {
		padding: 10px 5px;
	}
	
	.table_skanowanie thead, .table_skanowanie thead tr, 
	#table_log thead, #table_log thead tr {
		display: block;
	}
	.table_skanowanie thead,
	#table_log thead  {
		margin-top: 10px;
	}
	
	.table_skanowanie th, .table_skanowanie td,
	#table_log th, #table_log td {
		display: block;
		border-right: 0;
		border-left: 0;
	}
	
	.table_skanowanie,
	#table_log {
		border: 0;
	}
	
	.table_skanowanie tbody tr,
	#table_log tbody tr {
		display: block;
		margin: 10px 0;
		border: 1px solid black;
	}
	.table_skanowanie td,
	#table_log td {
		width: 100%;
		border-top: 0;
		border-bottom: 1px solid #bdbdbd;
	}
}