@font-face {
    font-family: 'gros';
    src:url('../fonts/gros.eot?45am7k');
    src:url('../fonts/gros.eot?#iefix45am7k') format('embedded-opentype'),
        url('../fonts/gros.woff?45am7k') format('woff'),
        url('../fonts/gros.ttf?45am7k') format('truetype'),
        url('../fonts/gros.svg?45am7k#gros') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="gicon-"], [class*=" gicon-"] {
    font-family: 'gros';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.notSelectable{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	 -khtml-user-select: none; /* Konqueror HTML */
	   -moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
			user-select: none; /* Non-prefixed version, currently
								  supported by Chrome, Edge, Opera and Firefox */
}

.gicon-help:before {
    content: "\e60c";
}

.gicon-calendar:before {
    content: "\e600";
}

.gicon-car:before {
    content: "\e601";
}

.gicon-door:before {
    content: "\e602";
}

.gicon-download:before {
    content: "\e603";
}

.gicon-factor:before {
    content: "\e604";
}

.gicon-file-pdf:before {
    content: "\e605";
}

.gicon-klienci:before {
    content: "\e606";
}

.gicon-lock:before {
    content: "\e607";
}

.gicon-oferty:before {
    content: "\e608";
}

.gicon-repair:before {
    content: "\e609";
}

.gicon-settings:before {
    content: "\e60a";
}

.gicon-zamowienia:before {
    content: "\e60b";
}

body { 
	font-family: 'Lato', sans-serif; 
	background: url('/images/tla/tlo_v16.jpg');
	background-size: cover;
	background-attachment: fixed;
}

.container-fluid {
	background: none !important;
}
	
#content{
	background: none !important;
}

a { color: #074C8D;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
a i::before { -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out; }
::selection { background: #074C8D; color: #fff; }
::-moz-selection { background: #074C8D; color: #fff; }

.fs28 {font-size: 28px !important;}

.btn-primary { background-color: #074C8D; border-color: #074C8D; text-transform: uppercase; }
.btn-primary:hover { background-color: #4a84c2; border-color: #4a84c2; }
.text-primary { color: #074C8D !important; }

.success-row:after {
    content: '';
    width: 4px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #8bbf61;
}

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

.first-nav {background: #fff; height: 128px; margin-bottom: 10px;}
.first-nav li a {text-align: center; height: auto; padding: 24px 0; width: 90px; border-top: 4px solid #fff;}
    .first-nav li a:hover,
    .first-nav li a.act {border-top: 4px solid #074C8D; color:#074C8D}
    .first-nav i {display: block; font-size: 2em;height: 43px;}
	.first-nav li a span{font-size:12px;}
	.ikona-pojazd{
		width: 31px;
		margin-bottom: 16px;
	}

    .navbar-brand{padding-right: 30px;}
        .navbar-brand img {border: 0;}
		
	.first-nav li a{
		padding: 10px 0 10px;
		border-top:0;
	}
	
	.ilosc-koszyk{
		color: #FFF;
		border: 3px;
		border-radius: 10px;
		background: #FFA119;
		width: 16px;
		height: 16px;
		font-size: 11px;
		line-height: 15px;
		display: inline-block;
		text-align: center;
		position: absolute;
		top: 3px;
		padding-left: 0px;
		right: 13px;
		padding-top: 1px;
	}

    @media (min-width: 1204px) {
        .first-nav li a {text-align: center; height: auto; padding: 10px 0 10px; width: 91px;}
        .first-nav i {display: block; font-size: 2.5em;}
		.first-nav li a span{font-size:14px;}
		.ikona-pojazd{
			width: auto;
			margin-bottom: 8px;
		}    
    }
	
	@media (max-width: 1164px) {
		.navbar-header{
			display: none;
		}
	}

	@media (max-width: 1024px) {
	.navbar-brand {
		padding-right: 30px;
	  }
	}
	
	@media (max-width: 1062px) {
		.navbar-collapse.collapse{
			position: absolute;
			/*right: -15px;*/
			top: 8px;			
		}
	}
	 
	@media (max-width: 1007px) {
		.first-nav li a{
			width: 79px;
		}
	}
	
	@media (max-width: 886px) {
		.first-nav li a{
			width: 68px;
		}
		.first-nav i{
			height: 33px;
		}
		.ikona-pojazd{
			margin-bottom: -3px;
		}
		.ikona-pojazd + span {
			line-height: 13px;
			display: inline-block;
		}
		.first-nav li a span {
			font-size: 11px;
		}
	}
	
	@media (max-width: 768px) {
		.first-nav i, .ikona-pojazd{
			display: none;
		}
		.navbar-collapse.collapse{
			position: static;
			padding-top: 0px !important;
		}
		.navbar-collapse.collapse .nav > li{
			display: inline-block;
		}
		.first-nav li a{
			padding: 10px 0 0px;
		}
		.ilosc-koszyk, .nowosc-demo, .ilosc-aktualnosci{
			display: none !important;
		}
		.br-bp{
			display: none;
		}
	}
	
	@media (max-width: 535px) {
		.navbar-nav{
			margin-top: 1px;
		}
		.first-nav li a{
			padding: 3px 0 0px 8px;
			width: 80px;
			text-align: left;
		}
		.ikona-pojazd + span{
			line-height: 8px;
		}
	}
	
	.first-nav li a:hover, .first-nav li a.act{
		border-top:0;
	}

	.first-nav li.mniejsze a:hover, .first-nav li.mniejsze a.act{
		background: inherit;
		border: 0 !important;
	}
	
	.first-nav .mniejsze i{
		height: auto;
		float: left;
		width: 22px;
		text-align: center;
		font-size:13px;
		color: #525252;
	}
	
	.first-nav .mniejsze a{
		padding: 0;
		text-align: left;
		border-top: 0;
		width: auto;
		margin-left: 12px;
	}
	
	.first-nav .mniejsze.nieprzeczytane a{
		color: #fff !important;
		background: #FFA119 !important;
		border-radius: 3px;
		padding: 0px 4px 1px 0px;; color: white !important
	}
	.first-nav .mniejsze.nieprzeczytane a i.fa{
		color: #fff !important;
	}
	
	.navbar-nav a.nieprzeczytane{
		color: #FFA119;
	}
	
	.first-nav .mniejsze span{
		font-size: 13px;
		text-align: left;
		display: inline-block;
	}
	.first-nav .mniejsze i.fa{
		position: relative; top: 4px;
	}

.secondary-nav {margin-bottom: 10px; display: table; width: 100%;border-spacing: 6px; border-collapse: separate;}
    .secondary-nav a {margin-right: 6px;height: 53px;margin-top:5px; }
	.secondary-nav a:last-of-type{
		margin-right: 0;
	}
    .secondary-nav .btn-icon-stacked {padding: 5px 10px 5px 48px;}
	
	.secondary-nav a:last-of-type{
		margin-right: 0
	}

    .copy {padding: 10px 0; color: #cacaca;}
    .footer-nav {list-style: none;}
        .footer-nav li {float: left; padding: 10px;}

		.konf{
			background-color: #424242;
			border-color: #424242;
		}

		.konf:hover, .konf:focus{
			background-color: #6b6b6b;
			border-color: #6b6b6b;
		}
		.secondary-nav .btn-icon-stacked i{
			left: 9px
			
		}
#content { padding-top: 0; }

.table > thead > tr > th { font-weight: 400; }


.login__panel {margin: 100px 0 30px 0;}
    .login__panel img {border: 0}
    .login__panel .panel-heading {padding: 0;}

.preview {position: absolute; top: -10px; left: 100%; width: 70px;height:50px;}
.profile-render{
	top: -6px;
	left:auto;
	right: -8px;
}

.btn-back{
	position: absolute;
	top: 15px;
	left: 15px
}
.hidden{
	display: none
}
.before-typ-prowadzenia{
	top: 3px;
	position: relative;
}
.img-typ-prowadzenia{
	padding-top: 5px;
}
.img-typ-ud{
	padding-top: 7px;
}
.text-info-p{
	position: relative;
	top: 6px;
}
.chckbox-reg{
	color: #aaa !important;
}
.img-kolor-bramy{
	position: relative;
	top: -3px;
	left: -4px;
}
.form-group-xs{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.dodatek-box{
	height: 49px;
}
.mb-15{
	margin-bottom: 15px !important;
}
.input-czesci{
	width: 120px;
}
.dodatki-box label{
	width: 543px;
}
.widget-head .fa-chevron-down, .widget-head .fa-chevron-up{
	position: absolute;
	right: 15px;
	top: 12px;
}

.box-dodatek .widget-head .fa-chevron-down, .box-dodatek .widget-head .fa-chevron-up{
	position: absolute;
	right: 15px;
	top: 25px;
}

.dodatki-head{
	cursor: pointer;
}
.pointer{
	cursor: pointer;
	color: #4a84c2;
}
.czesci-sztuki{
	width: 66px !important;
}

.box-producent h4 div{
	margin: 5px 0px;
	height: 170px;
	display: table-cell;
	vertical-align: middle;
}
.box-producent h4 img{
	height: 40px;
}

.help-info{
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}
.not-click{
	cursor: default;
	text-decoration: none !important;
}

.kom-dodatki{
	text-align: center;
	font-size: 16px;
	display: none;
	margin-top: -6px;
}

#konfigurator{
	width: 162px;
    text-align: center;
    position: fixed;
    top: 40%;
    left: -57px;
    transform: rotate(-90deg);
    padding: 10px;
    font-size: 20px;
	background-color: #074C8D;
	border-radius: 0 0 6px 6px;
}

#konfigurator a{
	color: #fff;
}
#konfigurator a:hover, #konfigurator a:focus, #konfigurator a:active{
	text-decoration: none;
}

.not-req{
	font-weight: normal;
}

.czerwony{
	color: #cc3a3a;
	font-weight: bold;
}

.tb_image{
	height: 60px;
	cursor: pointer;
}
.table-condensed .next, .table-condensed .prev{
	cursor: pointer
}

.heading_grupa{
	background: #f7f7f7;
    text-transform: uppercase;
    height: 36px;
    font-size: 12pt;
    margin-top: 10px;
    padding: 7px 14px;
    font-weight: 700;
	border: 1px solid #e2e1e1;
    box-shadow: 0 3px 0 0 #dbdbdb;
    -moz-box-shadow: 0 3px 0 0 #dbdbdb;
    -webkit-box-shadow: 0 3px 0 0 #dbdbdb;
}

.naped-label.dodatki-box{
	border: 1px solid #e2e1e1;
	border-width: 0 1px;
	padding-left: 30px;
}

ul.dodatki_producent li:last-of-type .naped-label.dodatki-box{
	border-bottom: 1px solid #e2e1e1;
	padding-bottom: 10px;
}

ul.dodatki_producent{
	margin-left: 0;
}

.duzy-komunikat{
	background-color: #f0cc54;
    border-radius: 6px;
    color: #fff !important;
    font-size: 24px;
    margin-left: -6px;
    padding: 2px 7px;
    width: 262px;
}
.text-success{
	color: #18805E !important
}
.disabled-arrow{
	background: #737373 !important;
	cursor: default;
}
#ctud{
	margin-bottom: 10px;
}

.rej-kraj{
	border-color: #e2e1e1;
	border-radius: 0;
	margin-bottom: 6px;
	margin-top: 1px;
}

option.bold{
	font-weight: bold;
}

.widget-rozkroj{
	width: 547px;
	float: left;
	margin-right: 20px;
}

.widget-rozkroj.dodatki{
	margin-right: 0;
}

.clear-both{
	clear: both;
}

.box-dodatek{
	margin-top: 7px;
	box-shadow: none;
	position: relative;
	overflow: hidden;
}

.box-dodatek .heading{
	line-height: 66px !important;
	height:55px;	
}

.box-dodatek .dodatki-head.zablokowany{
	background: #465d75;
}

#podglad-wizualizacji{
	margin: 14px auto;
	text-align: center;
	position: relative;
}

.sekcje{
	position: absolute;
	top:14px;
	left: 0;
	z-index: 999;
	cursor: pointer;
}

.wizualizacja{
	position: relative;
	z-index: 9;
}

.sek, .wiersze{
	position: relative;
	z-index: 999;
}

.stare-zam{
	background: #EE8833;
    color: white;
    border-radius: 4px;
    padding: 6px 10px;
	margin-bottom: 20px;
}

.sek .fa-times{
	font-size: 18px;
    position: absolute;
    right: 5px;
    top: 4px;
	display: none;
}

.zaznaczona-sekcja .fa-times.show-usun{
	display: inline;
}

.button-zatwierdz{
	margin-top: 2px;
}

.apla-dodatki{
	width: 100%;
    height: 100%;
    background: #565656;
    position: absolute;
    z-index: 999;
    opacity: 0.85;
    font-size: 26px;
    text-align: center;
    padding-top: 272px;
    color: #fff;
}

.box-dodatek .has-error.help-block{
	text-align: left;
}

.zaznaczona-sekcja, .kliknieta-sekcja{	
    border: 3px solid #074C8D;   
    background-color: #000;
    opacity: 0.8;
	box-shadow: 3px 3px 5px 0px #000;
	cursor: pointer;
	display: table;
}

.kliknieta-sekcja:before{
	//content: 'Wybierz element z listy po prawej stronie';
	display: table-cell;
	vertical-align: middle;
    font-weight: bold;
    color: red;
    font-size: 12px;
}

.sekcja-zablokowana{
	height: 23px;
    left: -3px;
    width: 530px;
    background-color: #494949;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    top: 0;
    margin-top: 22px;
    text-align: center;
    position: absolute;
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
	display: none;
	opacity: 0.8;
}

.sekcja-zablokowana.widoczne{
	display: block;
}

.fa-chevron-down.rotate{
	transform: rotate(180deg);
}

.box-dodatek .fa-chevron-down{
	transition: all 250ms ease-in-out;
}

.box-dodatek .na-ikonke{
	width: 55px;
	float: left;
	text-align: center;
}

.box-dodatek .na-ikonke.obnizone{
	margin-top: 5px;
}

.box-dodatek .na-ikonke i{
	font-size: 26px;
	color: #fff;
}

.box-dodatek .na-ikonke .wyrownanie_img{
	margin-top: -2px;
}

.box-dodatek .dodatki-head{
	height: 66px;
    line-height: 35px;
    position: relative;
    padding: 0 14px 0 0;
    overflow: hidden;
	background: #074C8D;
    color: #fff;
	transition: all 250ms ease-in-out;
}

.box-dodatek .dodatki-head.zaznaczone{
	background: #0A684C;
}

.box-dodatek .widget-body{
	display: none;
}

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?19951690');
  src: url('../fonts/fontello.eot?19951690#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?19951690') format('woff2'),
       url('../fonts/fontello.woff?19951690') format('woff'),
       url('../fonts/fontello.ttf?19951690') format('truetype'),
       url('../fonts/fontello.svg?19951690#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ikony-"]:before, [class*=" ikony-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.ikony-okno:before { content: '\e800'; } /* '' */
.ikony-drzwi:before { content: '\e801'; } /* '' */
.ikony-kratka:before { content: '\e802'; } /* '' */
.ikony-wentylacja:before { content: '\e803';font-size: 24px;margin-left:-4px; } /* '' */
.ikony-przeszklenie:before { content: '\e804'; } /* '' */
.ikony-lock:before { content: '\e805'; } /* '' */
.box-dodatek .na-ikonke .ikony-przeszklenie{
	font-size: 36px;
}
.box-dodatek .na-ikonke .ikony-kratka{
	font-size: 25px;
}

.naped-obrazek{
	max-width:100%;
	max-height:100%;
    border: 1px solid #efefef;
    border-radius: 5px;
	margin: 5px 0 0 1px;
	padding:4px;
}

#nm_img a.wyrownanie{
	width: 60px;
	height: 45px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

.before-naped{
	top: 3px;
    left: -3px;
}

.rozwin-opis, .zwin-opis, .rozwin-opis-dodatki, .zwin-opis-dodatki{
	margin-top: 10px;
    color: #fff;
    padding: 7px 8px 4px 8px;
    border-radius: 5px;
    cursor: pointer;
	width: 125px;
    border: 1px solid #074C8D;
	background: #074C8D;
	transition: all 200ms linear;
}

.rozwin-opis:hover, .zwin-opis:hover, .rozwin-opis-dodatki:hover, .zwin-opis-dodatki:hover{
	background: #4a84c2;
	border-color: #4a84c2;
}

.rozwin-opis-dodatki, .zwin-opis-dodatki{
	width: 119px;
	margin-left: 10px;
    margin-top: 0;
	float: left;
}

.rozwin-opis .fa, .zwin-opis .fa, .rozwin-opis-dodatki .fa, .zwin-opis-dodatki .fa{
	font-size: 20px;
    margin-right: 5px;
}

.opis-tresc, .opis-tresc-dodatki{
	position: relative;
    top: -2px;
}

.opis{
	margin-top: 8px;
	display: none;
	text-align: justify;
	border: 1px solid #efefef;
    padding: 4px 12px !important;
    border-radius: 4px;
	margin-left: 12px;
}

.opis-szczegolowy{
	clear: both;
    width: 612px;
    border: 1px solid #efefef;
    text-align: justify;
    padding: 4px 12px !important;
    border-radius: 4px;
	display: none;
	float: left;
	margin-top: 10px;
}

.obrazek-dodatki{
	float: left;
	margin-left: 4px;
}

.obrazek-dodatki img{
	width: 60px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin: 5px 0 0 1px;
    max-height: 45px;
}

.obrazek-dodatki + .max-ilosc{
    position: absolute;
    width: 110px;
	right: -118px;
    top: 15px;
}

.form-horizontal .naped-label{
	position: relative;
}

.obrazek-dodatek{
	float: left;
	margin-left: 12px;
    margin-top: -9px;
}

.input-group.max-ilosc.input-czesci{
	float: left;
}

.obrazek-dodatek img{
	width: 60px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin: 4px 0 0 1px;
    max-height: 45px;
}

.opis-dodatek{
	display: none;
	margin-top: 10px;
	text-align: justify;
	border: 1px solid #efefef;
    padding: 4px 8px !important;
    border-radius: 4px;
}

.rozwin-opis-dodatek, .zwin-opis-dodatek{
	font-size: 14px;
    background: #074C8D;
    cursor: pointer;
    padding: 0px;
    height: 14px;
    color: #fff;
    display: inline-block;
    line-height: 12px;
    width: 21px;
    text-align: center;
    border-radius: 3px;
	margin-left: 2px;
}

.raquo-dol{
	transform: rotate(90deg);
    display: block;
    position: relative;
    left: 1px;
    top: 1px;
}

.raquo-gora{
	transform: rotate(-90deg);
	display: block;
    position: relative;
    left: -2px;
    top: 1px;
}

.strzalka-waskie-przeszklenie{
	left: 3px;
    position: relative;
}
.img-waskie-przeszklenie{
	width: 16px;
    margin-left: 6px;
}

.img-plyta-montazowa{
	width: 40px;
    margin-left: 6px;
}

.label-warunki {
    position: relative;
    left: 2px;
    margin-top: 1px;
    cursor: pointer;
    font-weight: normal;
    width: 960px;
}

.warunki-txt {
    display: inline-block !important;
    width: 930px;
    color: #555 !important;
}

.col-md-1.control-label.label-opis{
	width: 6.33%;
}

.form-group.zamki{
	text-align: left;
    margin: 0 25px;
}

.zamek-zatwierdz{
	margin-top: 5px;
}

.hidden-omega, .def-hidden, .def-hidden2{
	display: none;
}

.komunikat.warning:before{
	content:"\f071";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    left: -4px;
    top: 2px;
}
.komunikat.info:before{
	content: "\f05a";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    left: -4px;
    top: 1px;
}
.komunikat.error:before{
	content:"\f057";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    left: -4px;
    top: 2px;
}
.komunikat.ok:before{
	content:"\f058";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 4px;
    position: relative;
    left: -4px;
    top: 1px;
}
#m_img, #mzp_img, #n_img{
	width: 217px;
	top: -5px;
}
.checkbox-drzwi{
	padding-left: 40px;
}

.dod-komunikat{
	display: none;
	position: fixed;
    top: 100px;
    padding: 10px 25px;
    left: 42%;
    z-index: 99999;
    width: 400px;
    text-align: center;
    transition: background-color 0.5s ease;
}

.zamek-uwaga{
	color: red;
}

.fa.zamek-uwaga-tooltip{
	font-size: 18px;
    margin-left: 4px;
    position: relative;
    top: 2px;
	color: #074C8D;
}

.ral-preview{
	border: 1px solid #efefef;
}

.info-poglad{
	display: none;
	font-size: 14px;
    text-align: center;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.prod{
	width: 149px !important;
}
.prod-rd{
	background: black !important; 
	border: 1px solid black;
	width: 179px !important;
}
.prod-rd i{
	color: red
}
.prod span{
	padding-top: 4px;
}

.popup-koszyk, .popup-szczegoly, .popup-dodanie-wpisu, .popup-faktura-gwar{
	width: 532px;
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -225px;
	background: #fff;
	box-shadow: 0px 4px 20px -4px black;
	border: 1px solid #999;
	z-index: 1005;
	border-radius: 5px;
	display: none;
}
.popup-dodanie-wpisu{
	top: 90px !important;
}
.popup-szczegoly{
	width: 972px;
	margin-left: -486px;
	top:15%;
}
.popup-koszyk .header, .popup-szczegoly .header, .popup-dodanie-wpisu .header, .popup-faktura-gwar .header{
	height: 36px;
	background-color: #074C8D;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	border-radius: 4px 4px 0px 0px;
}
.popup-koszyk #loaderImage2, .popup-szczegoly #loaderImage3, .popup-dodanie-wpisu #loaderImage4, .popup-faktura-gwar #loaderImage5{
	text-align: center;
	margin: 20px 0;
}
.popup-koszyk .at-window-close, .popup-szczegoly .at-window-close, .popup-dodanie-wpisu .at-window-close, .popup-faktura-gwar .at-window-close {
	position: absolute;
	width: 26px;
	height: 26px;
	text-align: center;
	right: 4px;
	top: 1px;
	background: none !important;
	cursor: pointer;
	font-size: 14px;
	padding-top: 8px;
}
.popup-koszyk .zawartosc, .popup-dodanie-wpisu .zawartosc, .popup-faktura-gwar .zawartosc{
	padding: 15px;
	display: none;
	text-align: center;
}

.popup-szczegoly .zawartosc{
	padding: 15px;
	display: none;
}

.popup-koszyk h2{
	font-size: 17px;
	text-align: center;
}
.popup-koszyk .at-window-close:before, .popup-szczegoly .at-window-close:before, .popup-dodanie-wpisu .at-window-close:before, .popup-faktura-gwar .at-window-close:before{
	font-family: FontAwesome;
	content: "\f00d";
	color: #fff;
	background: none;
	border-radius: 50%;
	padding: 3px 5px 4px 5px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.at-window-close:hover:before{
	color: #2971a8;
	background: #fff;
}
.na-ilosc{
	margin: 10px auto;
	width: 219px;
}
.na-ilosc label{
	float: left;
	margin: 7px 24px 0 0;
}
.na-button{
	width: 210px;
	margin: 26px auto 20px auto;
}
.na-button span{
	padding: 8px 20px;
	background: #074C8D;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	transition: all 200ms linear;
}
.na-button span i{
	font-size: 18px;
	margin-right: 8px;
}
.na-button span:hover{
	background-color: #4a84c2;
}

.nowosc-demo{
	color: #FFF;
    border: 3px;
    border-radius: 5px;
    background: #FFA119;
    font-size: 10px;
    position: absolute;
    top: -2px;
    padding: 1px 4px;
    right: -12px;
}

#dodano{
	color: green;
}

.table-primary tfoot th {
    border-color: #3695d5;
    background-color: #3695d5;
    color: #fff;
    font-size: 14px;
}

.ikona-pojazdy, .ikona-kask{
    position: absolute;
    left: 8px;
    top: 11px;
}

.sort-table{
	text-align: center;
}

.dynamicTable th span{
	cursor: pointer;
}

.dynamicTable th span:hover{
	text-decoration: underline;
}

.triangleUp {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent #ffffff transparent;
    position: relative;
    top: -10px;
    left: 3px;
}

.triangleDown {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position: relative;
    top: 13px;
    left: 4px;
}

.radio{
	padding-left: 0;
}
.radio-custom i{
	margin-left: 0;
}
.radio-custom i.checked{
	margin-left: 1px;
}

.popup-faktury{
	position: fixed;
	left: 50%;
	background: #fff;
	box-shadow: 0px 4px 20px -4px black;
	border: 1px solid #999;
	z-index: 1005;
	border-radius: 5px;
	display: none;
	width: 972px;
	margin-left: -486px;
	top:15%;
}
.popup-faktury .header{
	height: 36px;
	background-color: #074C8D;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	border-radius: 4px 4px 0px 0px;
}
.popup-faktury #loaderImage3{
	text-align: center; 
	margin: 20px 0;
}
.popup-faktury .at-window-close{
	position: absolute;
	width: 26px;
	height: 26px;
	text-align: center;
	right: 4px;
	top: -1px;
	background: none !important;
	cursor: pointer;
	font-size: 15px;
	padding-top: 8px;
}

.popup-faktury .zawartosc{
	padding: 15px;
	display: none;
}

.popup-faktury .zawartosc .form-group.form-group-xs{
	margin-bottom: 13px;
}

.popup-faktury .at-window-close:before{
	font-family: FontAwesome;
	content: "\f00d";
	color: #fff;
	background: none;
	border-radius: 50%;
	padding: 3px 5px 4px 5px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.miniatura-tolltip{
	width: 300px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}