@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans Semibold';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans'), url(../fonts/OpenSansBold.woff) format('woff');
}

body {
  padding-top: 70px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.row div
{
	/*border: 1px solid #ccc;*/
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

.box
{
	border: 1px solid #0088CC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	margin-bottom: 10px;
}

.box .title
{
	border-bottom: 1px solid #0088CC;
	background: #0088CC;
	padding: 5px 10px;
	text-align: left;
	color: #FFF;
	text-shadow: 1px 1px 0px #000;
}

.box .content
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 10px;
}

.box .alert 
{
	margin-bottom: 0px;
}

.box .content .temperaturaData
{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 5px; 
	padding: 3px 0px; 
}

.vjs-control-bar {
	display: none;
}

#czystosc_powietrza .border-top-bottom-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#czystosc_powietrza .powietrze-ok {
	background-color: darkgreen;
	color: white;
}

#czystosc_powietrza .powietrze-error {
	background-color: #d1cf1e;
	color: white;
}

#czystosc_powietrza .powietrze-danger {
	background-color: red;
	color: black;
}

#czystosc_powietrza .powietrze-tragedia {
	background-color: black;
	color: white;
}

#stacja_pogody_box .wartosc{
	font-size: 18px;
}

#stacja_pogody_box .opis{
	font-size: 12px;
}

#stacja_pogody_box .pomiar{
	display: flex;
	padding-left: 10px;
	align-items: center;
	padding-bottom: 10px;
}

#stacja_pogody_box .pomiar .ikona{
	font-size: 18px;
	padding-right: 10px;
}

#stacja_pogody_box .pomiar .ikona .svg-inline--fa{
	width: 25px;
	height: 25px;
}

#stacja_pogody_box .pomiar .wartosci{
	text-align: left;
	line-height: 1.1;
}

#stacja_pogody_box .pomiar .wartosci .jednostka{
	font-size: 12px;
}


/* #stacja_pogody_box .wiatr{ */
	/* background-size: contain; */
	/* background-repeat: no-repeat; */
	/* background-position-x: 10px; */
	/* background-image: url("stacja_pogody/wind.png"); */
/* } */