/*====================================================*/
/* 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;}
}

/*====================================================*/
/* 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;
}

/*====================================================*/
/* 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;
}

.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;
	}
}

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