.panel{
	border-radius: 0;
}
.panel.question{
    margin-bottom: 10px;
}

.panel.question.boilerplate .panel-heading{
	background-color: #fff;
    background-image: none;
    border-radius: 0;
    padding: 3px 3px;
    /*margin-bottom: 10px;*/
}

.array-flexible-row .panel-body{
    padding: 0;
}
/*kolorowanie ramek dla podgrup - ogólnie*/
#group-0 .panel.question.boilerplate .panel-heading{
	
    border: 3px solid #FECD18;
}

#group-1 .panel.question.boilerplate .panel-heading{
	
    border: 3px solid #F68121;
}

#group-2 .panel.question.boilerplate .panel-heading{
	
    border: 3px solid #ED2C23;
}

#group-3 .panel.question.boilerplate .panel-heading{
	
    border: 3px solid #B12D16;
}

#group-4 .panel.question.boilerplate .panel-heading{
	
    border: 3px solid #E64E21;
}

/*kolorowanie ramek dla podgrup dla podsumowania
po imporcie zmieniają się nr pytań i trzeba kolorować od nowa. 
*/
/*potencjał*/

#group-5 #question672, #group-5 #question676, #group-5 #question679, #group-5 #question683, #group-5 #question685,
#group-5 #question902, #group-5 #question906, #group-5 #question909, #group-5 #question913, #group-5 #question915{
    border: 3px solid #FECD18;
}
/*analiza*/
#group-5 #question780, #group-5 #question783, #group-5 #question785, #group-5 #question788, #group-5 #question793, #group-5 #question795,
#group-5 #question920, #group-5 #question923, #group-5 #question925, #group-5 #question928, #group-5 #question933, #group-5 #question935{

   border: 3px solid #F68121;
}
/*kreowanie*/
#group-5 #question808, #group-5 #question814, #group-5 #question818,
#group-5 #question937, #group-5 #question943, #group-5 #question947

{

   
    border: 3px solid #ED2C23;
}
/*testowanie*/
#group-5 #question829, #group-5 #question831, #group-5 #question833, #group-5 #question835, #group-5 #question837,
#group-5 #question949, #group-5 #question951, #group-5 #question953, #group-5 #question955, #group-5 #question957

{

   border: 3px solid #B12D16;
}

/*wdrażanie*/
#group-5 #question844, #group-5 #question846, #group-5 #question849, #group-5 #question851,
#group-5 #question959, #group-5 #question961, #group-5 #question964, #group-5 #question966

{

   border: 3px solid #E64E21;
}


.panel.question {
    background-color: transparent;
    border: none;
}
.panel.question .panel-heading h3{
    color: #534E52;
	text-transform: uppercase;
}
.panel.question .panel-heading .panel-title{
	font-size: 1.81rem;

}

.fsikona-mob {
    font-size: 58px;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    margin-bottom: 1px;
     padding: 3px;
    padding-right: 12px;
  

}

.group-heading p{
    display: inline-block;
    /*padding-left: 15px;*/
}

/*.group-heading p:first-of-type{
    padding-left: 3px;
}*/
.group-heading{
    padding: 0;
}
.group-heading h1{
   /*padding: 3px;*/
text-transform: uppercase;
font-size: 2.9rem;
color: #534E52;
text-shadow: 0;
}


 #group-0 .group-heading h1 
 /*,  #group-5 .group-heading h1*/
 {
/* potencjał Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fed746+23,ffffff+63&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(254,215,70,1) 0%, rgba(254,215,70,0.77) 23%, rgba(255,255,255,0.37) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(254,215,70,1) 0%,rgba(254,215,70,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(254,215,70,1) 0%,rgba(254,215,70,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed746', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
font-size: 2.9rem;
}
 #group-0 .group-heading p,  
 #group-1 .group-heading p,
#group-2 .group-heading p,
 #group-3 .group-heading p,
  #group-4 .group-heading p{
display:inline-block;
}

 #group-1 .group-heading h1{
/* analiza Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f89a4d+23,ffffff+63&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(248,154,77,1) 0%, rgba(248,154,77,0.77) 23%, rgba(255,255,255,0.37) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(248,154,77,1) 0%,rgba(248,154,77,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(248,154,77,1) 0%,rgba(248,154,77,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89a4d', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
font-size: 2.9rem;
 }

  #group-2 .group-heading h1{
    /*kreowanie Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1564f+23,ffffff+63&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(241,86,79,1) 0%, rgba(241,86,79,0.77) 23%, rgba(255,255,255,0.37) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(241,86,79,1) 0%,rgba(241,86,79,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(241,86,79,1) 0%,rgba(241,86,79,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1564f', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
font-size: 2.9rem;
 }

 #group-3 .group-heading h1{
    /*testowanie Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c15745+23,ffffff+63&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(193,87,69,1) 0%, rgba(193,87,69,0.77) 23%, rgba(255,255,255,0.37) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(193,87,69,1) 0%,rgba(193,87,69,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(193,87,69,1) 0%,rgba(193,87,69,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c15745', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
font-size: 2.9rem;
 }


 #group-4 .group-heading h1{
         /*border: 3px solid #E64E21;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb714d+23,ffffff+63&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(235,113,77,1) 0%, rgba(235,113,77,0.77) 23%, rgba(255,255,255,0.37) 63%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(235,113,77,1) 0%,rgba(235,113,77,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(235,113,77,1) 0%,rgba(235,113,77,0.77) 23%,rgba(255,255,255,0.37) 63%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb714d', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
font-size: 2.9rem;
}

.group-description{
    padding-left: 3px;
    padding-bottom: 25px;
}

.array-flexible-row.panel.question .panel-heading{
display: none;
}

/** headroom.js animated styles **/
.slide{
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  -o-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
}

.slide--reset{
  -webkit-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0);
}

.slide--up{
  -webkit-transform:translateY(-100%);
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
}


.animated{
  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  -o-animation-duration:.5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode:both;
  -moz-animation-fill-mode:both;
  -o-animation-fill-mode:both;
  animation-fill-mode:both;
}

@-webkit-keyframes slideDown{
  0%{ -webkit-transform:translateY(-100%)}
  100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes slideDown{
  0%{-moz-transform:translateY(-100%)}
  100%{-moz-transform:translateY(0)}
}
@-o-keyframes slideDown{
  0%{-o-transform:translateY(-100%)}
  100%{-o-transform:translateY(0)}
}
@keyframes slideDown{
  0%{transform:translateY(-100%)}
  100%{transform:translateY(0)}
}

.animated.slideDown{
  -webkit-animation-name:slideDown;
  -moz-animation-name:slideDown;
  -o-animation-name:slideDown;
  animation-name:slideDown;
}
@-webkit-keyframes slideUp{
  0%{-webkit-transform:translateY(0)}
  100%{-webkit-transform:translateY(-100%)}
}

@-moz-keyframes slideUp{
  0%{-moz-transform:translateY(0)}
  100%{-moz-transform:translateY(-100%)}
}

@-o-keyframes slideUp{
  0%{-o-transform:translateY(0)}
  100%{-o-transform:translateY(-100%)}
}
@keyframes slideUp{
  0%{transform:translateY(0)}
  100%{transform:translateY(-100%)}
}

.animated.slideUp{
  -webkit-animation-name:slideUp;
  -moz-animation-name:slideUp;
  -o-animation-name:slideUp;
  animation-name:slideUp;
}

@-webkit-keyframes swingInX{
  0%{-webkit-transform:perspective(400px) rotateX(-90deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg)}
}
@-moz-keyframes swingInX{
  0%{-moz-transform:perspective(400px) rotateX(-90deg)}
  100%{-moz-transform:perspective(400px) rotateX(0deg)}
}
@-o-keyframes swingInX{
  0%{-o-transform:perspective(400px) rotateX(-90deg)}
  100%{-o-transform:perspective(400px) rotateX(0deg)}
}
@keyframes swingInX{
  0%{transform:perspective(400px) rotateX(-90deg)}
  100%{transform:perspective(400px) rotateX(0deg)}
}

.animated.swingInX{
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ie-transform-origin: top;
  -o-transform-origin: top;
  transform-origin: top;
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name: swingInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: swingInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: swingInX;
  backface-visibility:visible !important;
  animation-name: swingInX;
}

@-webkit-keyframes swingOutX{
  0%{-webkit-transform:perspective(400px) rotateX(0deg)}
  100%{-webkit-transform:perspective(400px) rotateX(-90deg)}
}

@-moz-keyframes swingOutX{
  0%{-moz-transform:perspective(400px) rotateX(0deg)}
  100%{-moz-transform:perspective(400px) rotateX(-90deg)}
}
@-o-keyframes swingOutX{
  0%{-o-transform:perspective(400px) rotateX(0deg)}
  100%{-o-transform:perspective(400px) rotateX(-90deg)}
}
@keyframes swingOutX{
  0%{transform:perspective(400px) rotateX(0deg)}
  100%{transform:perspective(400px) rotateX(-90deg)}
}

.animated.swingOutX{
  -webkit-transform-origin: top;
  -webkit-animation-name: swingOutX;
  -webkit-backface-visibility:visible !important;
  -moz-animation-name: swingOutX;
  -moz-backface-visibility:visible !important;
  -o-animation-name: swingOutX;
  -o-backface-visibility: visible !important;
  animation-name: swingOutX;
  backface-visibility:visible !important}


@-webkit-keyframes flipInX{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-moz-keyframes flipInX{
  0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@-o-keyframes flipInX{
  0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX{
  0%{transform:perspective(400px) rotateX(90deg);opacity:0}
  100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}

.animated.flipInX{
  -webkit-backface-visibility:visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipOutX{
  0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-moz-keyframes flipOutX{
  0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@-o-keyframes flipOutX{
  0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{
  0%{transform:perspective(400px) rotateX(0deg);opacity:1}
  100%{transform:perspective(400px) rotateX(90deg);opacity:0}
}

.animated.flipOutX{
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}

@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}

@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}

@keyframes bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}

.animated.bounceInDown{
  -webkit-animation-name:bounceInDown;
  -moz-animation-name:bounceInDown;
  -o-animation-name:bounceInDown;
  animation-name:bounceInDown;
}
@-webkit-keyframes bounceOutUp{
  0%{-webkit-transform:translateY(0)}
  30%{opacity:1;-webkit-transform:translateY(20px)}
  100%{opacity:0;-webkit-transform:translateY(-200px)}
}
@-moz-keyframes bounceOutUp{
  0%{-moz-transform:translateY(0)}
  30%{opacity:1;-moz-transform:translateY(20px)}
  100%{opacity:0;-moz-transform:translateY(-200px)}
}
@-o-keyframes bounceOutUp{
  0%{-o-transform:translateY(0)}
  30%{opacity:1;-o-transform:translateY(20px)}
  100%{opacity:0;-o-transform:translateY(-200px)}
}
@keyframes bounceOutUp{
  0%{transform:translateY(0)}
  30%{opacity:1;transform:translateY(20px)}
  100%{opacity:0;transform:translateY(-200px)}
}

.animated.bounceOutUp{
  -webkit-animation-name:bounceOutUp;
  -moz-animation-name:bounceOutUp;
  -o-animation-name:bounceOutUp;
  animation-name:bounceOutUp;
}


/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* do schowania usuwanie kafeterii nadmiarowej w stronie z wynikiem */
#group-5 #question675 .dontread,
#group-5 #question678 .dontread,
#group-5 #question681 .dontread,
#group-5 #question682 .dontread,
#group-5 #question687 .dontread,
#group-5 #question688 .dontread,
#group-5 #question689 .dontread,
#group-5 #question782 .dontread,
#group-5 #question787 .dontread,
#group-5 #question790 .dontread,
#group-5 #question791 .dontread,
#group-5 #question792 .dontread,
#group-5 #question810 .dontread,
#group-5 #question811 .dontread,
#group-5 #question812 .dontread,
#group-5 #question813 .dontread,
#group-5 #question816 .dontread,
#group-5 #question817 .dontread,
#group-5 #question848 .dontread,
#group-5 #question674 .dontread{
  display: none;
}

/* -- drugi raz to samo dla online */
#group-5 #question904 .dontread,
#group-5 #question905 .dontread,
#group-5 #question908 .dontread,
#group-5 #question911 .dontread,
#group-5 #question912 .dontread,
#group-5 #question917 .dontread,
#group-5 #question918 .dontread,
#group-5 #question919 .dontread,
#group-5 #question922 .dontread,
#group-5 #question927 .dontread,
#group-5 #question930 .dontread,
#group-5 #question931 .dontread,
#group-5 #question932 .dontread,
#group-5 #question939 .dontread,
#group-5 #question940 .dontread,
#group-5 #question941 .dontread,
#group-5 #question942 .dontread,
#group-5 #question945 .dontread,
#group-5 #question946 .dontread,
#group-5 #question963 .dontread{
  display: none;
}

#group-5 table tr {
    border-bottom: medium none;
}