/*====================================================*/
/* Wyrównanie w zależności od szerokości ekranu
/*====================================================*/

@media (max-width: 767px) {
	.text-xs-left		{text-align:left;}
	.text-xs-center 	{text-align:center;}	
	.text-xs-right		{text-align:right;}	
	.text-xs-justify	{text-align:justify;}
}

@media (min-width: 768px) {
	.text-sm-left		{text-align:left;}
	.text-sm-center 	{text-align:center;}	
	.text-sm-right		{text-align:right;}	
	.text-sm-justify	{text-align:justify;}
}

@media (min-width: 992px) {
	.text-md-left		{text-align:left;}
	.text-md-center {text-align:center;}	
	.text-md-right		{text-align:right;}	
	.text-md-justify	{text-align:justify;}
}

@media (min-width: 1200px) {
	.text-lg-left		{text-align:left;}
	.text-lg-center		{text-align:center;}	
	.text-lg-right		{text-align:right;}	
	.text-lg-justify	{text-align:justify;}
}

/*====================================================*/
/* Uproszczony system grid
/*====================================================*/
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}


/*====================================================*/
/* Container dla dużych ekranów
/*====================================================*/

@media (min-width: 1530px) {
  .container {
    width: 1480px;
  }
}

@media (min-width: 1600px) {
  .container {
    width: 1560px;
  }
}


/*====================================================*/
/* Wymuszanie wyrównania
/*====================================================*/

.text-left-important {
	text-align:left !important;
}

.text-right-important {
	text-align:right !important;
}

.text-center-important {
	text-align:center !important;
}

.text-justify-important {
	text-align:justify !important;
}
/*====================================================*/
/* Callouts - blok informacyjny z kolorową lewą ramką
/*====================================================*/

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout strong {
	display:block;
	margin-top: 0;
	margin-bottom: 5px;
	font-size:18px;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code {
	border-radius: 3px;
}

.bs-callout + .bs-callout {
	margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default strong {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary strong {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success strong {
    color: #5cb85c;
}
.bs-callout-danger {
	border-left-color: #ce4844;
}
.bs-callout-danger strong {
	color: #ce4844;
}
.bs-callout-warning {
	border-left-color: #aa6708;
}
.bs-callout-warning strong {
	color: #aa6708;
}
.bs-callout-info {
	border-left-color: #1b809e;
}
.bs-callout-info strong {
	color: #1b809e;
}

/*====================================================*/
/* Page header - tło pod h1 z dolną ramką
/*====================================================*/

.page-header:after {
    border-bottom:1px solid #ddd;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
}

.page-header {
	border-bottom:1px solid #fff;
	position:relative;
	margin:20px 0;
	padding-bottom:19px;
}

.page-header h1, .page-header h2 {
	margin:0;
}

.page-header  .page-header-buttons{
	margin-top:-4px;
}

/*====================================================*/
/* Rozwijane menu - zwiększenie odstępu
/*====================================================*/

.navbar-nav .open .dropdown-menu > li > a, 
.navbar-nav .open .dropdown-menu .dropdown-header {
	padding-top:10px;
	padding-bottom:10px;
}

/*====================================================*/
/* Tabelka z zakładkami
/*====================================================*/

.nav-tabs > li > a {
	background: #fafafa;
    border: 1px solid #ddd;
    border-bottom: 0;
    box-shadow: inset 0px -5px 10px -5px rgba(66, 68, 90, 0.4);
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	box-shadow: none;
}

/*====================================================*/
/* Pomocne klasy, niektóre zastosowane w bootstrap 4.x
/*====================================================*/

.border {
	border:1px solid;
	padding:5px;
}


.border-radius {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.border-top {
	border:0;
	border-top:1px solid;
	margin-top:10px;
	padding-top:10px;
}

.border-bottom {
	border:0;
	border-bottom:1px solid;
	margin-bottom:10px;
	padding-bottom:10px;
}

.center {
	text-align:center;
	vertical-align:middle;
}

.center div {
	margin-left: auto;
	margin-right: auto;
}

.cursor-info {
	cursor:help;
}

.cursor-pointer {
	cursor:pointer;
}

.d-block {
	display:block;
}

.d-inline {
	display:inline;
}

.d-inline-block {
	display:inline-block;
}

.d-table:not([class*="col-"]) {
	display:table;
	width:100%;
	height:100%;
}

.d-table {
    display:table;
	height:100%;
	width:100%;
}

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

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

.f-left {
	float:left;
}

.f-right {
	float:right;
}

.overflow-hidden {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

.text-strong, .text-bold {
	font-weight:bold;
}

.text-lighter {
	font-weight:lighter;
}

.text-cut {
	overflow: hidden;
	text-overflow: ellipsis;	
}

.valign-top {
	vertical-align:top;
}

.valign-middle {
	vertical-align:middle;
}

.valign-bottom {
	vertical-align:bottom;
}

/*====================================================*/
/* Nadpisanie niektórych wartości
/* Wyglądają lepiej niż w oryginale
/*====================================================*/

label {
	font-weight:lighter;
}

.table td, .table th {
	vertical-align:middle !important;
}

.well {
	padding:15px 24px;
}

.carousel-indicators li, .carousel-indicators li.active {
	width:50px;
	height:10px;
	margin:0;
}

@media screen and (max-width: 767px) {
	.form-horizontal [class*="col"]
	{
		margin-bottom:10px;
	}
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 10px;
	}
}

.thumbnail, .img-thumbnail {
	-webkit-box-shadow:none;
	box-shadow: none;
	margin-bottom:0;
}

.caret {
	display:inline-block !important;
}

/*====================================================*/
/* Zabezpieczenie 
/* przed powielającymi się ujemnymi marginesami
/*====================================================*/
.row > .row {
	margin-left:0;
	margin-right:0;
}