/**
*
* CSS General Template
* @Author: Marcin Domowicz;
*
*/

@font-face {
    font-family: Lato;
    src: url('fonts/Poppins-Regular.ttf');
}

::-webkit-scrollbar
{
  width: 4px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

html, body {
	margin:0;
	padding:0;
	font-family:Lato;
}

/**
*
* CSS dla elementów formularza START
*
*/

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

textarea {
	font-family: inherit;
}

.break-word {
	word-break:break-word;
}

/**
*
* CSS dla tabelek KONIEC
*
*/

a {
	color:#000;
	text-decoration: none;
	transition:0.2s all;
}

a:hover {
	color:#555;
	transition:0.2s all;
}

.text-muted {
	background:#ffe500;
}

.text-animated {
	transition:0.5s all;
}

.input-muted {
	background:#ededed;
}

.clear {
	clear:both;
}

.push-left {
	float:left;
}

.push-right {
	float:right;
}

.row {
	margin-left:0;
	margin-right:0;
}

.row:after {
	clear:both;
}

.row:after,.row:before{display:table;content:" "}

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

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

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

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

.mtop-10 { margin-top:10px !important; }
.mtop-25 { margin-top:25px !important; }
.mtop-50 { margin-top:50px !important; }
.mtop-75 { margin-top:75px !important; }

.mbot-10 { margin-bottom:10px !important; }
.mbot-25 { margin-bottom:25px !important; }
.mbot-50 { margin-bottom:50px !important; }
.mbot-75 { margin-bottom:75px !important; }

.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.italic {
	font-style:italic;
}

.inline {
	display:inline-block;
}

.width-10 	{ width:10% !important; }
.width-15 	{ width:15% !important; }
.width-20 	{ width:20% !important; }
.width-25 	{ width:25% !important; }
.width-30 	{ width:30% !important; }
.width-35 	{ width:35% !important; }
.width-40 	{ width:40% !important; }
.width-45 	{ width:45% !important; }
.width-50 	{ width:50% !important; }
.width-55 	{ width:55% !important; }
.width-60 	{ width:60% !important; }
.width-65 	{ width:65% !important; }
.width-70 	{ width:70% !important; }
.width-75 	{ width:75% !important; }
.width-80 	{ width:80% !important; }
.width-85 	{ width:85% !important; }
.width-90 	{ width:90% !important; }
.width-95 	{ width:95% !important; }
.width-100 	{ width:100% !important; }

@media(min-width:240px) and (max-width:767px) {

	.col-xs-1 {
		width:8.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-2 {
		width:16.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-3 {
		width:25% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-4 {
		width:33.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-5 {
		width:41.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-6 {
		width:50% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-7 {
		width:58.333333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-8 {
		width:66.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-9 {
		width:75% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-10 {
		width:83.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-11 {
		width:91.666666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-xs-12 {
		width:100% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

}

@media(min-width:768px) and (max-width:1023px) {

	.col-sm-1 {
		width:8.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-2 {
		width:16.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-3 {
		width:25% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-4 {
		width:33.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-5 {
		width:41.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-6 {
		width:50% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-7 {
		width:58.333333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-8 {
		width:66.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-9 {
		width:75% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-10 {
		width:83.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-11 {
		width:91.666666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-sm-12 {
		width:100% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

}

@media(min-width:1024px) {

	.col-md-1 {
		width:8.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-2 {
		width:16.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-3 {
		width:25% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-4 {
		width:33.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-5 {
		width:41.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-6 {
		width:50% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-7 {
		width:58.333333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-8 {
		width:66.66666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-9 {
		width:75% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-10 {
		width:83.33333% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-11 {
		width:91.666666% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}

	.col-md-12 {
		width:100% !important;
		float:left;
		box-sizing:border-box;
		padding:0px 5px;
	}
	
}