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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

.text-left {
	font-family: 'Open Sans', sans-serif;
	float: left !important;
}

.text-right {
	font-family: 'Open Sans', sans-serif;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

header .main footer {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #111111;
  background-color: #ffffff !important;
  background: #ffffff !important;
}
header .main footer a:hover{
  text-decoration: none;
}
.clear{
  clear:both;
}
.main{
  background: #fff;
  padding-bottom: 105px;
}
.main .wracaj{
  float: left;
} 
/* =====================
Common Styles 
===================== */

/* Hover ============ */
#top .top_bar ul li a:hover, #top .top_bar p  a:hover, .navbar-default .navbar-nav > li > a:hover,
footer ul li a:hover, .before_site main ul a:hover li:hover, .posts .facebook .comments a:hover,
.posts h4.post_title a:hover{
  color: #1b8fce;
  transition: all 0.2s ease;
  text-decoration: none;
}
/* Button =========== */
.main .btn-default {
  color: #1b8fce;
  background-color: #fff;
  border-color: #1b8fce;
  padding: 12px  45px;
  font-size: 16px;
}
.main .btn-default:hover {
  color: #fff;
  background-color: #1b8fce;
  border-color: #fff; 
  transition: all 0.2s ease;
}
.main .btn{
  border-radius: 1px;
  float: right;
  margin: 20px 0 0 20px;
} 

.main .hamConsultation {
/* 	margin-top: 10px; */
	padding: 5px;
    border: 0px;
    background:  #F1F1F1;
}

.main .hamProposition {
	padding: 5px;
    border: 0px;
}
.main button{
  float: right;
}

/* Sidebar menu ===== */
 ul.sidebar{
  margin-top: 65px;
  border: 1px solid #c5c5c5;
  background: #fafafa;
}
 ul.sidebar li a{
 font-family: 'Open Sans', sans-serif;
  color: #111111;
  text-decoration: none;
}
 ul.sidebar li{
 font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  padding: 15px 0px 15px 15px;
}

ul.sidebar li:nth-child(even){
  background: #ededed;
}
 ul.sidebar li:nth-child(odd){
  background: #fafafa;
}
 ul.sidebar li.current{
  background: #cce9fa;
}
/* Top Bar ========== */
#top .top_bar{
  background: #f8f8f8;
  color: #3d464d;
  font-size: 15px;
  
}
#top .top_bar a{
  color: #3d464d;
} 
.top_bar{
  padding: 0px 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.top_bar p{
  float: left; 
}
.top_bar p span{
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}
.top_bar ul{
  float: right;
  line-height: 15px;
}
.top_bar ul li{
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
.top_bar ul li:nth-child(1)::after{
/*   content: " | ";  */
/*   padding-left: 25px; */
} 
.top_bar ul li:nth-child(2){
/*   padding-left: 25px; */
}
.navbar{
  margin-bottom: 0; 
}
/* Text ===================*/
main h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  
  border-bottom: 1px solid #069ffc;
  padding-bottom: 20px;
/*   padding-left:20px; */
  display: inline-block;
  color: #3d464d;
}

.statusTitle {
	padding-left: 5px;
	font-size: 26px !important;
}

main p{
  font-size: 16px;
  line-height: 20px;
}
p{
  line-height: 100%;
}

/* Hero Image =============*/
#top .hero{
  background: url(../../images/public/hero.png) no-repeat center;
  background-size: cover;
}

footer .hero {
	background-repeat:no-repeat; 
	background-position:center;
	background-size: contain;
	background-color: white;
}

#top .hero h1{
  color: #fff;
  font-size: 38px !important;
  font-weight: 800;
  background-color: rgba(61,70,77, .75);
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 25px 30px;
  display: inline-block;
}
#top .hero .logo{
  background: url(../../images/public/logo.png) no-repeat center;
  height: 83px;
  width: 279px;
  background-color: rgba(255,255,255, .75); 
  margin-top: 0px;
  margin-bottom: 10px;
}

/* NAV ==========================*/
.navbar-default .navbar-nav > li > a{
  color: #111111;
}
#top nav .navbar-right li:nth-child(1){
  line-height: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.navbar-default{
  background-color: #f1f1f1;
  border: none;
  border-radius: 0px;
}
.navbar-nav > li > a {
	font-family: 'Open Sans', sans-serif;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active> a{
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	background-color: #1b8fce;
}

/* Footer ============= */
footer {
	border-top: 10px solid #1b8fce;
	background: #f1f1f1;
}

footer ul li {
	padding: 1px 0;
	line-height: normal;
}

footer ul li a {
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	color: #111111 !important;
	font-size: 12px !important;
}

footer h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px !important;
	margin-top: 45px;
	margin-bottom: 20px;
}

.copy {
	text-align: center;
	font-size: 9px;
	padding-right: 10px;
	cursor: default;
}

footer .copy {
	background: #222222;
	color: #fff;
}

footer .copy {
	margin-top: 15px;
	font-size: 15px;
	padding: 35px 0;
}

footer .copy a {
	color: #fff;
	text-decoration: none;
}
/* =====================
Welcome Version - Body
======================== */
.welcome_version {
	margin-top: -10px;
}

.welcome_version h2 {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
	font-size: 30px !important;
}

.welcome_version .picture {
	height: 296px;
}

.welcome_version p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	padding: 5px 0;
	line-height: 20px;
	margin: 0px;
}



/* =====================
Login Site - Body
======================== */
main.login h3{
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 26px;
  border-bottom: 1px solid #069ffc;
  padding-bottom: 20px;
  display: inline-block;
  color: #3d464d;
}
main.login .col-sm-9{
  padding-left: 0;
}
main.login span{
  font-size: 18px;   
}
main.login input{
  margin-top: 5px;
  margin-bottom: 10px;
}
.login .input-lg{
 border-radius: 0px;
 background: #f1f1f1;
}
main.login .log{
  height: 121px;
  width: 200px;
}
main.login .log1{
  background: url(../../images/public/epuap.png) no-repeat center; 
}
main.login .log2{
  background: url(../../images/public/facebook.png) no-repeat center; 
}
main.login .log3{
  background: url(../../images/public/twitter.png) no-repeat center; 
}
main.login .log4{
  background: url(../../images/public/google.png) no-repeat center; 
}
.login .rejestracja{
  margin-top: 17px;
}

.loginField {
	width: 250px;
    font-size: 18px !important;
    height: 27px !important;
}

.pole {
	border-radius: 0px;
}

/* =====================
Register Site - Body
======================== */ 
.register .main h3{
  margin-bottom: 45px;
  font-size: 26px;
  border-bottom: 1px solid #069ffc;
  padding-bottom: 20px;
  display: inline-block;
  color: #3d464d;
}
.register .main .col-sm-9{
  padding-left: 0;
}
.register .main span{
  font-size: 18px;   
}
.register .main input{
  margin-top: 10px;
  margin-bottom: 20px;
}
.register .input-lg{
 border-radius: 0px;
 background: #f1f1f1;
}
.register .main p{
  font-size: 16px;
  line-height: 20px;
}
.register .main label{
  margin-left: -10px;
  padding-left: 0;
}
.register .main label input[type="checkbox"]{
  float: left;
  margin: 3px 3px 3px 0px;
  padding-left: 0;
}
.register .main label p{
  font-size: 12px; 
}

/* =====================
Wersja Poprzedzająca (Before Version Site) - Body
======================== */ 
/* 
 main h3{
  margin-top: 65px;
  margin-bottom: 45px;
  font-size: 26px;
  border-bottom: 1px solid #069ffc;
  padding-bottom: 20px;
  display: inline-block;
  color: #3d464d;
} */

 .main p{
  font-size: 16px;
  line-height: 20px;
  margin: 0px;
}


.before_site .main .col-sm-9{
  padding-left: 60px;
}
.before_site .main .col-sm-9  p{
  padding: 15px 0;
}
/* ul.sidebar > li:first-child:before{ */
/*   content: ""; */
/*   display: block; */
/*   width: 40px; */
/*   height: 18px;  */
/*   float: left; */
/*   background: url(../../images/public/hamburger.png) no-repeat left; */
/* } */
ul.sidebar > li:first-child{
  color: #1b8fce;
  transition: all 0.2s ease;
  text-decoration: none;
  font-weight: 800;
  text-align: center;
  font-size: 14px;
  padding-left: 0px;
}
/* =====================
Sub Page - Body
======================== */ 
.posts_header{
  background:  #F1F1F1;
  padding: 8px;
}

.posts_header span{
	font-family: 'Open Sans', sans-serif;
}

/* .posts_header p.description > span{ */
/* 	font-size: 16px !important; */
/* 	text-align: justify; */
/* 	line-height: 22px; */
/* } */

/* .posts_header p.infoText { */
/* 	line-height: 22px; */
/* 	margin-top: 20px; */
/* } */
/* main p{ */
/*   font-size: 14px; */
/* }  */
h3:nth-of-type(2){
  margin-top: 30px;
}
.glosowanie{
  margin-top: 30px;
}

.glosowanie1 {
	/*background-image: url('../../images/public/4.png');
	background-repeat: no-repeat;
	background-position: 0px;
	background-color: transparent;
	width: 350px;
	height: 90px;*/
	display: inline-block;
	color: #fff;
  	background-color: #1b8fce;
  	border: 1px solid #1b8fce;
  	padding: 12px 45px;
  	font-size: 16px;
  	border-radius: 1px;
}

.glosowanie1:HOVER {
	/*background-image: url('../../images/public/2.png');*/
 	color: #1b8fce;
 	background-color: #fff;
 	border: 1px solid #1b8fce;
 	text-decoration: none;
	transition: all 0.2s ease;
}

.glosowanie2 {
	background-image: url('../../images/public/1.png');
	background-repeat: no-repeat;
	background-position: 0px;
	background-color: transparent;
	width: 350px;
	height: 90px;	
}

.glosowanie2:HOVER {
	background-image: url('../../images/public/3.png');
}

.glosowanie3 {
	background-image: url('../../images/public/5.png');
	background-repeat: no-repeat;
	background-position: 0px;
	background-color: transparent;
	width: 350px;
	height: 90px;	
}

.glosowanie3:HOVER {
	background-image: url('../../images/public/6.png');
}

/* =posts */
/* .posts{
  margin-top: 110px;  
} */
.posts{
  margin-top: 50px;
}
.posts p{
  color: #111111;
  line-height: 180%;
  font-size: 16px !important;
}
.posts  span{
  font-family: 'Open Sans', sans-serif;
/*   font-weight: 700; */
}
.posts h4{
  color: #3d464d;
}
/* .posts .post{ */
/*   margin-bottom: 30px; */
/* } */
.posts .post:last-child{
  margin-bottom: 0px;
}
.posts .icon{
  background: url(../../images/public/hamburger.png);
  width: 19px;
  height: 15px;
  float: left;
  margin-top: 5px;
}

.btn-group {
	display:inline-block !important;
}

.btn-group.hamburger > .btn:first-child{     
  color: #1B8FCE;
}
.hamburger .dropdown-menu{
  margin-top: 5px;
}
.btn-group.hamburger{
  float: left;
  margin: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.hamburger .main .btn-default{
  padding: 0px !important;
  border-color: transparent;
}
.hamburger .glyphicon{
  font-family: 'Glyphicons Halflings' !important;
}
/* main .btn-default{ */
/*   border-color: transparent; */
/*   border: 1px solid transparent; */
/*   padding: 2px 0px; */
/* } */
 
/* .posts h4:hover ~ button.show_details{
  opacity: 1;
} */
button.show_details{
  transition: all 0.2s ease;
  float: left;
  clear: both;
  opacity: 0;
} 
.posts h4.post_title a, .posts h4.post_title span{
  font-family: 'Open Sans', sans-serif;
  font-size: 26px !important; 
  margin-left: 10px;
  color: #3d464d;
} 
.posts hr {
  border-top: 1px solid #1B8FCE;
  clear: both;
  float: left;
  width: 100px;
  margin-bottom: 10px;
  margin-top: 0px;
} 

.infoText {
	margin-top: 20px;
	line-height: 22px;
	font-size: 16px !important;
}

.who {
	clear: both;
	font-size: 14px !important;
	font-weight: bold;
}

.status {
	margin-top: 3px;
	font-size: 16px !important;
	font-weight: bold;
}

.cost {
	margin-top: 3px;
	font-size: 16px !important;
}

.description p {
	margin-top: 6px;
	text-align: justify;
	line-height: 20px !important;
	font-size: 14px !important;
	
	font-family: 'Open Sans', sans-serif;	
}
/* .posts p.status span{ */
/*   color: #47b92d; */
/* } */
/* .posts .facebook .like{
  background: url(../img/like.png) no-repeat center;
  width: 142px;
  height: 33px;
  float: right;
} */
.fb_iframe_widget, .single_page .fb_iframe_widget {
  display: block;
  position: relative;
  float: left;
}

.posts .facebook .element{
	float: left;
}

.posts .facebook .lajk{
	font-size: 14px;
  float: left;
  margin-top: 2px;
  margin-left: 40px;
  color: #111111;
}

.posts .facebook .comments{
  font-size: 14px;
  float: left;
  margin-top: 2px;
  margin-left: 40px;
}
.posts .facebook .comments a{
  color: #111111;
}
.posts .facebook {
  margin-top: 20px;
  padding-bottom: 40px;
}
.posts .facebook .comments:before{
  content: "";
  display: block;
  width: 40px;
  height: 18px; 
  float: left;
  background: url(../../images/public/comments.png) no-repeat left;
}

/* =====================
Single Page - Body
======================== */ 
 
.single_page .posts .identyfikator{ 
  clear: both;
  font-size: 12px;
  margin-bottom: 10px;
}
.single_page .posts hr{
  margin-bottom: 20px;
}
.single_page .posts .content{
  margin-top: 35px;
}
.single_page .posts .content p{
  padding: 15px 0;
  font-size: 14px;
}
.single_page .main .comment_form h3{
  border-bottom: none;
  font-size: 30px;
  margin-bottom: 0px !important;
  padding-bottom: 0;
}

.single_page .main .comment_form .input-lg{
  border-radius: 1px;
  background: #f1f1f1;
}

.single_page .comment_form form .row:nth-child(1) .form-group{
  margin-bottom: 0px;
}

/* =====================
Year Page - Body
======================== */ 
.year .main a{
  font-weight: 700;
  font-size: 45px;
   font-family: 'Open Sans', sans-serif;
}
.year .main span{
  font-size: 45px;
} 

/* =====================
WCAG2
======================== */
.wcag2 span a{
  font-size: 18px;
  font-weight: 500;
}
.font-sizer{
  margin-right: 15px;
}

.font-sizer span {
	background: none;
	border: none;
	font-weight: 500;
}

.font-sizer span.increase {
	font-size: 16px;
}

.font-sizer span.decrease {
	font-size: 16px;
}

.requiredField {
	font-size: 15px !important;
	color: red;
	padding-left: 5px;
}

/* button#but_1, button#but_2{ */
span#but_1 {
	background-color: none;
	border: none;
	margin-right: 6px;
	background: none;
	font-size: 16px;
}

/* Timeline */
.darkBlue {
	color: #0f5497;
}

.pink {
	color: #c04885;
}

.lightGreen {
	color: #8fb65c;
}

.yellow {
	color: #f3ad2a;
}

.darkGreen {
	color: #0f7333;
}

.lightBlue {
	color: #388ec2;
}

.grey {
	color: #e0e0e0;
}

.darkBlue, .pink, .lightGreen, .yellow, .darkGreen, .lightBlue, .grey {
	font-size: 14px;
	line-height: 1.2;
}

.propozycjeActive {
	background-image: url("../../images/public/propozycje.svg");
}

.ocenaActive {
	background-image: url("../../images/public/ocena.svg");
}

.forumActive {
	background-image: url("../../images/public/forum.svg");
}

.glosowanieActive {
	background-image: url("../../images/public/glosowanie.svg");
}

.wynikiActive {
	background-image: url("../../images/public/wyniki.svg");
}

.przyjeteActive {
	background-image: url("../../images/public/przyjete.svg");
}

.propozycjeInactive {
	background-image: url("../../images/public/propozycje2.svg");
}

.ocenaInactive {
	background-image: url("../../images/public/ocena2.svg");
}

.forumInactive {
	background-image: url("../../images/public/forum2.svg");
}

.glosowanieInactive {
	background-image: url("../../images/public/glosowanie2.svg");
}

.wynikiInactive {
	background-image: url("../../images/public/wyniki2.svg");
}

.przyjeteInactive {
	background-image: url("../../images/public/przyjete2.svg");
}
.flex-timeline-container p {
	text-align: center;
}

.propozycjeActive, .ocenaActive, .forumActive, .glosowanieActive, .wynikiActive, .przyjeteActive, .propozycjeInactive, .ocenaInactive, .forumInactive, .glosowanieInactive, .wynikiInactive, .przyjeteInactive {
	display: inline-block;
	float: left;
	height: 80px;
	width: 16.666%;
	max-width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	text-align: center;
	padding-top: 90px;
	margin: 5px 0 55px 0;
}

/* ===================
Mobile 
=====================*/
@media (max-width: 600px){
  .top_bar ul{
    float: left !important;
  }
  .flex-timeline-container {
    display: none;
  }
}
@media (max-width: 448px){
  .posts .facebook .comments{
    margin-left: 0;
    margin-top: 10px;
  }
}
@media (max-width: 1000px){
  .wracaj{
    text-align: center ;
  }
}
@media (max-width: 764px){
  .main{
    padding: 10px;
  }
}

/*Czasomierz*/

ul#example {
  list-style: none;
/*   margin: 50px 0; */
  padding: 0;
  display: block;
  text-align: center;
}

ul#example li { display: inline-block;text-align:center; }

ul#example li span {
  font-size: 35px;
  font-weight: 300;
  line-height: normal;
}

ul#example li span.days, span.hours, span.minutes, span.seconds {
  font-size: 35px;
  display: inline-block;
  height: 35px;
  line-height: normal;
  vertical-align: top;
}

ul#example li.seperator {
  font-size: 35px;
  line-height: normal;
  vertical-align: top;
  
}


ul#example li p {
  color: #a7abb1;
  font-size: 10px;
}

.symbolKolor {
	background: #bbb;
	width: 15px;
	height: 15px;
	border-radius: 8px;
	display: inline-block;
	margin-right: 3px;
	float: left;
}

.editPublicField {
	border: 1px red dotted;
}

.opiskon {
	font-size: 14px !important;
}

.opiskonbold {
	font-size: 16px !important;
	font-weight: bold;
}
/* =====================
deskopPublicExternelVote
======================== */ 
#voting_form .iceOutTxt{
	font-size: 14px !important;
}
#voting_form .description p {
	font-size: 12px !important;
}
#voting_form .second-left-edit {
	padding-top: 11px;
	font-weight: bold;
}
#voting_form .middle-edit input:first-of-type {
    width: 486px;
}
#voting_form .middle-edit input:first-of-type, #voting_form .offers input {
	background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);	
}
#voting_form .offers {
    padding: 8px 0;
}
#voting_form .offers {
    padding-top: 8px;
}
#voting_form .offers div:first-child {
    font-size: 14px;
	float: left;
	width: 28px;
}
#voting_form .offers div:nth-child(2) {
    float: left;
	width: calc(100% - 58px);
	line-height: 21px;
}
#voting_form .offers div:nth-child(2) p {
    margin-top: 3px;
}
#voting_form .offers div:nth-child(3) {
    text-align: center;
	float: right;
	width: 30px;
/* 	transform: translate(0, 50%); */
}
#voting_form .clear {
    clear: both;
}
#voting_form .offers input {
	width: 60%;
}
#voting_form span {
	font-size: 13px;
	padding-top: 20px;
	line-height: 18px;
}
#voting_form .voting_code > div:first-child, #voting_form .voting_code > div:nth-child(2) {
	float: left;
	width: 50%;
	max-width: 200px;
}
#voting_form .voting_code > div:first-child {
	padding-right: 30px;
	position: relative;
	margin-right: 180px;
}
#voting_form .voting_code > div:nth-child(2) {
	padding-left: 30px;
}
#voting_form .btn-default {
	padding: 6px  22px;
	font-size: 13px;
}
#voting_form .btn {
	position: absolute;
	top: 15px;
	left: 200px;
}
#voting_form .description {
	padding-top: 20px;
}
@media screen and (max-width: 991px){
	#voting_form .voting_code > div:first-child, #voting_form .voting_code > div:nth-child(2) {
		width: 100%;
		padding: 0;
	}
}
@media screen and (max-width: 768px){
	#voting_form .middle-edit input:first-of-type {
		width: calc(100% - 8px);
    }
}
@media screen and (max-width: 430px){
	#voting_form .voting_code > div:first-child {
		margin-bottom: 35px;
	}
	#voting_form .btn {
		top: 50px;
		left: 0;
		margin-left: 0
	}
}
/* =====================
publicList
======================== */ 
#vote_for p {
	padding: 20px 0 3px;
	font-weight: bold;
}
#vote_for select {
	width: 486px;
	display: block;
	background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(top, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);
	margin-bottom: 20px;
}
@media screen and (max-width: 569px){
	#vote_for select {
		width: calc(100% - 8px);
    }
}

.offers:nth-child(even) {
            background:#fff;
}