#sb-site, .sb-site-container {
	height: 100%;
	position: static;
}



@media screen and (min-width:980px) {

	/* jurek - grid - przypiete naglowki przy przewijaniu zawartosci */
	.grid-view:not(.static) .table-scroll-content {
		bottom: 0;
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 45px;
	}

	.grid-view:not(.static) .table-header {
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 17px;
		top: 0;
		z-index: 1;
	}

	.grid-view:not(.static) .table-body {
		bottom: 0;
		left: 0;
		overflow: scroll;
		padding-top: 23px;
		position: absolute;
		right: 0;
		top: 0;
	}

}



@media screen and (max-width:979px) {

	* {
		transition: none !important;
	}

	body {
		font-size: 16px;
		line-height: 24px;
		margin: 0;
		padding: 0;
	}
	
	
	i[class^="icon-"] {
		margin-bottom: 0 !important;
	}
	
	
	.navbar .nav, 
	.main_submenu, 
	.record-bigfooter {
		display: none !important;
	}
	
	.main_panel, 
	.grid-view, 
	.table-scroll-content, 
	.pagination, 
	#dashboard	{
		bottom: 0 !important;
		height: auto !important;
		left: 0 !important;
		margin: 0 !important;
		overflow: auto !important;
		padding: 0 !important;
		position: static !important;
		right: 0 !important;
		top: 0 !important;
		width: auto !important;
	}
	
	.pagination ul * {
		/*
		font-size: 18px !important;
		line-height: 40px !important;
		height: 40px !important;
		*/
	}
	
	.pagination li {
		display: none !important;
	}
	
	.pagination li.first, 
	.pagination li.previous, 
	.pagination li.next, 
	.pagination li.last {
		display: inline !important;
		padding: 0 4px !important;
	}
	
	.pagination .first a, 
	.pagination .previous a, 
	.pagination .next a, 
	.pagination .last a {
		padding: 0 4px;
	}
	
	
	#sb-site, .sb-site-container {
		position: relative;
	}

	.sb-scroll-lock.sb-active:not(.sb-static) body {
		overflow: hidden;
	}
	
	.sb-active .sb-site-overlay {
		background: #000;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1;
	}
	
	.sb-menu {
		background: #223A50;
		float: left;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		transition: width 0.2s ease-in-out;
		width: 0;
	}
	
	.sb-menu.active {
		width: 100%;
	}
	
	.sb-menu a {
		border-top: 1px solid #284056;
		border-bottom: 1px solid #1C344A;
		color: #D3D8DC;
		display: block;
		font: 18px/30px 'open sans';
		padding: 5px 20px;
		text-decoration: none;
		width: 260px;
	}
	
	.sb-menu a:hover {
		background: #43576A;
		color: #fff;
	}
	
	.sb-menu a i {
		color: #D3D8DC;
		float: right;
		margin: 5px 0 0 15px;
	}
	
	.sb-menu a:first-child i {
		float: left;
		margin: 5px 15px 0 0;
	}
	
	.sb-menu a:hover i {
		color: #fff;
	}
	
	
	.loginLogo {
		margin-top: 0 !important;
	}
	.loginBox {
		width: 300px !important;
	}
	.loginBoxContent {
		padding: 20px 10px !important;
	}
	.loginBoxLeft {
		margin-bottom: 20px;
		width: 280px !important;
	}
	.loginBoxRight {
		width: 280px !important;
	}
	.loginBoxForm .control-label {
		float: left !important;
		width: 60px !important;
	}
	.loginBoxForm .controls {
		margin-left: 80px !important;
		width: 196px !important;
	}
	.loginBoxFooter {
		padding: 15px 5px;
	}
	
	
	#dashboardQuick {
		display: none;
	}
	
	.dashboardQuickBox {
		margin: 0 0 15px 0 !important;
		padding: 0 15px !important;
		width: 33.3% !important;
	}
	
	.dashboardQuickBox:nth-child(3n+1) {
		clear: both;
	}
	
	.dashboardQuickBoxName, 
	.dashboardQuickBox:hover .dashboardQuickBoxName {
		color: #007ce8;
		font: 24px/30px 'open sans';
	}
	
	.dashboardQuickBoxIcon {
		transition: none;
	}
	
	.dashboardQuickBox:hover .dashboardQuickBoxIcon {
		background-position: right 10px;
	}
	
	.dashboardQuickBoxLinks > div > a.link1, 
	.dashboardQuickBoxLinks > div > a.link1:hover {
		border-top: 5px solid #E6E9EC;
		font: 18px/29px 'open sans';
		padding: 5px !important;
	}
	
	.dashboardQuickBox:hover .dashboardQuickBoxLinks > div > a.link1 {
		background-color: rgba(255,255,255,0.8);
		color: #223A50;
	}
	
	.dashboardQuickBoxLinks > div > a.link2 {
		right: 2px;
		top: 7px;
	}
	
	/*
	#dashboardWidget > div {
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%% !important;
	}
	*/
	
	#dashboardWidget {
		padding: 0 15px;
	}
	
	.dashboardWidgetBoxSelect > select {
		padding: 5px 4%;
		width: 25%;
	}
	/*
	.dashboardWidgetBoxSelect > select[data-filter-name="limit"] {
		display: none;
	}
	*/
	.dashboardWidgetBoxSelect > select[data-filter-name="type"] {
		display: block;
	}
	
	.dashboardWidgetBoxTabs {
		display: none;
	}
	
	.dashboardWidgetBoxSearch > div {
		left: -200px;
	}
	
	.dashboardWidgetBoxContent table th, 
	#dashboardWidget table td {
		font-size: 13px !important;
		line-height: 1.4em !important;
		padding: 3px 5px !important;
	}
	
	#dashboardWidget .documents_statictics {
		float: none !important;
		margin: 0 !important;
	}
	
	#dashboardWidget .documents_statictics td {
		padding: 3px 0px !important;
	}
	
	#dashboardWidget .documents_hr {
		float: none !important;
		width: 100% !important;
	}
	
	
	.toggle-arrow {
		height: 32px;
		line-height: 34px;
		font-size: 20px;
		left: auto;
		right: 1px;
		text-align: center;
		top: 1px;
		width: 31px;
	}
	
	.toggle-arrow i {
		margin: 0;
	}
	
	.documents-structures, 
	.products-structures, 
	.categories-tree {
		display: block !important;
		margin: 0 !important;
		/*opacity: 0.9;*/
		top: 0;
		z-index: 1;
	}
	
	.documents-structures.wrapped-column, 
	.products-structures.wrapped-column, 
	.categories-tree.wrapped-column {
		display: none !important;
	}
	
	/*
	.plus-minus-link {
		border: 1px solid #666;
		padding: 0 6px;
	}
	
	.plus-minus-link:after {
		padding: 0 !important;
		width: 15px !important;
	}
	*/
	
	
	.modal-header .close {
		padding: 0 !important;
	}
	
	.modal-body {
		margin: 0 !important;
		padding: 10px !important;
	}
	
	.modal .nav-tabs {
		background: #213A50 url(../img/modal-submenu-ico.png) right center no-repeat;
		padding-right: 50px;
	}
	
	.modal .nav-tabs > li {
		display: none;
	}
	
	.modal .nav-tabs > li:nth-child(1), 
	.modal .nav-tabs > li:nth-child(2), 
	.modal .nav-tabs > li.active  {
		display: block;
	}
	
	.modal .nav-tabs.active {
		background: #213A50 url(../img/modal-submenu-ico2.png) right bottom no-repeat;
	}
	
	.modal .nav-tabs.active > li  {
		display: block;
		float: none;
	}
	
	.modal .nav-tabs.active > li.hidden  {
		display: none;
	}
	
	.fieldset {
		border-width: 0 0 1px 0;
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	.fieldset_title {
		background: none !important;
		border: 0 !important;
		color: #213a50 !important;
		font: 18px/24px 'open sans' !important;
		left: auto !important;
		margin: 0 0 10px 0 !important;
		top: auto !important;
		position: static !important;
		padding: 0 !important;
		text-transform: uppercase;
	}
	
	.home_table th {
		font: 16px/30px 'open sans' !important;
		padding: 5px 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.home_table td {
		font: 13px/25px 'open sans' !important;
		padding: 5px 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	/*
	.table-top > tbody > tr > td {
		display: none;
	}
	
	.table-top > tbody > tr > td:nth-last-child(2) {
		display: block;
		padding-right: 35px;
	}
	*/
	
	.table-top > tbody > tr > td {
		display: block !important;
		float: left !important;
		width: auto !important;
	}
	
	.table-top > tbody > tr > td:nth-last-child(2) {
	}
	
	.table-top > tbody > tr > td:last-child {
		display: none !important;
	}
	
	.table-top > tbody > tr > td > .btn-group {
		display: none !important;
	}
	
	.tab-content {
		overflow: auto;
	}
	

	.two-columns {
		margin-top: 1px;
	}
	
	.two-columns td {
		clear: both;
		display: block !important;
		padding: 0 !important;
		width: 100% !important;
	}
	
	.form-horizontal .controls {
		display: block;
		float: none;
		margin-left: 0;
		width: auto;
	}
	
	.form-horizontal .control-label {
		display: block;
		float: none;
		text-align: left;
		width: auto;
	}
	
	.form-horizontal .controls .input-prepend {
		display: block;
	}
	
	
	input.span2, 
	select.span2, 
	textarea.span2, 
	.uneditable-input.span2 {
		display: block;
		width: 100%;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	.table {
		/*
		padding-left: 62px !important;
		*/
	}
	
	.table .table-header-cell, 
	.table .data-header-row, 
	.table .table-row {
		height: 25px !important;
	}
	
	.table .button-column, 
	.table .checkbox-column, 
	.table .link-column, 
	.table .table-cell {
		font: 14px/25px 'open sans' !important;
		height: 25px !important;
		padding: 0 5px !important;
	}
	
	.table .link-column { 
		display: inline-block !important;
		text-align: center !important;
		width: 30px !important;
		padding: 0 !important;
		
		/*
		background: #EEE;
		border-bottom: 1px solid #DDD;
		position: absolute;
		left: 0;
		z-index: 1;
		*/
	}
	
	.table .link-column a {
		display: inline-block;
		font: 14px/25px 'open sans' !important;
		height: 25px !important;
		margin: 0 !important;
		text-align: center !important;
		width: 25px !important;
	}
	
	.table .checkbox-column {
		text-align: center !important;
		width: 20px !important;
		
		/*
		background: #EEE;
		border-bottom: 1px solid #DDD;
		position: absolute;
		left: 31px;
		z-index: 1;
		*/
	}
	
	.table .checkbox-column input {
		height: 20px !important;
		max-width: none !important;
		width: 20px !important;
	}
	
	#pricesGroupsTable {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
	}

	
	.modal-footer {
		text-align: left !important;
	}
	
	
	.modal-footer > div {
		display: block !important;
		float: none !important;
		margin: 0 !important;
	}
	
	.modal-footer input, 
	.modal-footer select, 
	.modal-footer .btn {
		display: block !important;
		margin: 0 0 10px 0 !important;
		width: 130px !important;
	}
	
	.modal-footer input, 
	.modal-footer select {
		width: 142px !important;
	}
	
	.modal-footer button.btn {
		width: 156px !important;
	}
	
	.modal-footer > div.historyDetail, 
	.modal-footer > div.prepayment {
		display: none !important;
	}
	
	.modal-footer > div.languages-select-left {
		float: right !important;
	}
	
	.modal-footer .dropdown-toggle .caret {
		float: right;
	}
	
	.modal-footer .table_stats {
		float: right !important;
		position: static !important;
		width: 150px !important;
	}
	
	.modal-footer .table_stats th, 
	.modal-footer .table_stats td {
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.modal-footer .table_stats .td_right {
		float: left;
		padding: 0 5px 0 0;
	}
	
	.modal-footer .table_stats.release span {
		float: none;
		padding: 0 0 0 5px;
	}
	
}

@media (max-width: 767px) {

	.dashboardQuickBox {
		width: 100% !important;
	}

}