/*
Licensed Materials - Property of Predictive Solutions Sp.z o.o.

COPYRIGHT ©2014 PREDICTIVE SOLUTIONS

*/
html *
{font-family:Calibri;
-webkit-text-size-adjust:none;
}

a:active, a:focus{
	outline:none;
}
tbody tr:nth-child(2n){
background-color:#f3f2eb;
}
tbody tr:nth-child(1) td[class="mrGridQuestionText"]{
background-color:transparent!important;
}
tbody tr:hover:nth-child(n+1) td:hover:nth-child(n+2){
background-color:#bdbe00;
}



BODY
{
background-color:#E4E3DD;margin:1%;
-webkit-font-smoothing: subpixel-antialiased;}
.mrTqcontainer
{margin-left:3%;
max-width: 95%;}
#ps_footer{
	text-align:center;
    list-style: none;
	margin-top: -3%;
	font-size:80%;
}
#ps_footer li{
    display: inline;
    padding: 0 10px;
    border-left: solid 1px black;
}
#ps_footer li:first-child{
    border-left: none;
}

.mrTmain {margin:auto;
margin-top:5%;
margin-bottom:5%;
width:90%;
background-color:#FFFFFF;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: 0px 7px 24px 0px rgba(50, 50, 50, 0.71);
-moz-box-shadow:    0px 7px 24px 0px rgba(50, 50, 50, 0.71);
box-shadow:         0px 7px 24px 0px rgba(50, 50, 50, 0.71);
}
.mrTheader {
width:98%;
margin:0.3em;
}

.mrTheader img {
margin-left:auto;
padding-top:2%;
padding-right:1%;
display:block;
}

.mrBannerText
{font-size:150%!important;
margin:5%;
}
.mrSingleText,.mrMultipleText,.mrDropDown,.mrListBox  {font-size: 150%;}

.mrOtherEdit {display:inline-block; margin-left:5px;height:120%;font-size: 120%!important;}

input[type="radio"]+label:hover
{background-color: #d9dee6;
padding-top:3px;
}

input[type="checkbox"]+label:hover
{background-color: #d9dee6;
padding-top:3px;
}

input[type="text"] {
	color: #979797;
	font-size:120%;
}
textarea {
	color: #979797;
	font-size:120%;
}

.mrQuestionText {font-size: 120%;}

.mrGridCategoryText
{width:1000px!important;
padding: 4px;
text-Align: Left;
vertical-align: Middle;
font-size:150@;
}

.mrGridQuestionText
{width:10%!important;
padding: 4px;
text-Align: Left;
vertical-align: Middle;}

/*do zmiany - pod tablety i komorki 350px jest ok//////PC - musi mieć większy rozmiar*/
.ps_ranking td.mrGridCategoryText span,.ps_ranking tr, .ps_ranking .answer, td.mrGridCategoryText span
{max-width:500px!important;
}
/* .ps_ranking .answerscontainer {
max-width:520px!important;
} */

/* td span.mrQuestionText
{font-size:140%;} */

.mrQuestionTable
{font-size: 11px;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
border: 1px solid #FFFFFF;}

.mrTbuttons{text-align:center;}

.mrNext{
font:bold 20px Calibri, Geneva, sans-serif;
font-style:normal;
text-transform: uppercase;
color:#ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #968c78), color-stop(1, ));
background:-moz-linear-gradient(top, #968c78 5%, #968c78 100%);
background:-webkit-linear-gradient(top, #968c78 5%, #968c78 100%);
background:-o-linear-gradient(top, #968c78 5%, #968c78 100%);
background:-ms-linear-gradient(top, #968c78 5%, #968c78 100%);
background:linear-gradient(to bottom, #968c78 5%, #968c78 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#968c78', endColorstr='#968c78',GradientType=0);
background-color:#968c78;
border:2px none #42f9ff;
border-radius:5px 30px 5px 5px;
-moz-border-radius:5px 30px 5px 5px;
-webkit-border-radius:5px 30px 5px 5px;
width:125px!important;
padding:5px;
cursor:pointer;
margin-bottom: 30px;
margin-top: 30px;
margin-left:15px;

}

.mrPrev {
font:bold 20px Calibri, Geneva, sans-serif;
font-style:normal;
text-transform: uppercase;
color:#ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #968c78), color-stop(1, ));
background:-moz-linear-gradient(top, #968c78 5%, #968c78 100%);
background:-webkit-linear-gradient(top, #968c78 5%, #968c78 100%);
background:-o-linear-gradient(top, #968c78 5%, #968c78 100%);
background:-ms-linear-gradient(top, #968c78 5%, #968c78 100%);
background:linear-gradient(to bottom, #968c78 5%, #968c78 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#968c78', endColorstr='#968c78',GradientType=0);
background-color:#968c78;
border:2px none #42f9ff;
border-radius:30px 5px 5px 5px;
-moz-border-radius:30px 5px 5px 5px;
-webkit-border-radius:30px 5px 5px 5px;
width:125px!important;
padding:5px;
cursor:pointer;
margin-bottom: 30px;
margin-top: 30px;
margin-right:15px;

}

.mrNext:hover,.mrPrev:hover {
background:-webkit-gradient(linear, left top, left bcbe00, color-stop(0.05, #bcbe00), color-stop(1, ));
background:-moz-linear-gradient(top, #bcbe00 5%, #bcbe00 100%);
background:-webkit-linear-gradient(top, #bcbe00 5%, #bcbe00 100%);
background:-o-linear-gradient(top, #bcbe00 5%, #bcbe00 100%);
background:-ms-linear-gradient(top, #bcbe00 5%, #bcbe00 100%);
background:linear-gradient(to bottom, #bcbe00 5%, #bcbe00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcbe00', endColorstr='#bcbe00',GradientType=0);
background-color:#bcbe00;
}
.mrNext:active,.mrPrev:hover {
position:relative;
cursor:pointer;
top:1px;
}
/*TABLET*/
@media (min-device-width: 768px) and (max-device-width: 1024px) {

tbody tr:nth-child(1) td[class="mrGridQuestionText"]{
font-size:70%;
}
.mrBannerText
{font-size:150%!important;
margin:5%;
}
.mrGridCategoryText
{width:500px!important;
padding: 4px;
text-Align: Left;
vertical-align: Middle;
}
/*do zmiany - pod tablety i komorki 350px jest ok//////PC - musi mieć większy rozmiar*/
.ps_ranking td.mrGridCategoryText span,.ps_ranking tr, .ps_ranking .answer, td.mrGridCategoryText span
{max-width:350px!important;
}
.feedback_panel .mrQuestionText{
  font-size: 100%;
}
.feedback_button span{
display:none;
}
.feedback_button:after {
  content: '[+]';
}
.mrSingleText,.mrMultipleText,.mrDropDown,.mrListBox {font-size: 260%;}
textarea {
	width:80%;
}
.mrOtherEdit {display:inline-block; margin-left:5px;height:260%;font-size: 220%!important;vertical-align:bottom;}
.mrQuestionTable span[id^='Cell'] label{margin-top: 3%;}

input[type="radio"] {
	width: 4em ;
	height: 4em ;}
input[type="checkbox"] {
	width: 4em ;
	height: 4em ;}
input[type="radio"]+label:hover
{background-color: transparent;}
input[type="checkbox"]+label:hover
{background-color: transparent;}
.mrQuestionTable span input[type="radio"]:checked+label
{background-color: #d9dee6;}
.mrQuestionTable span input[type="checkbox"]:checked+label
{background-color: #d9dee6;}
.mrQuestionTable span input[type="checkbox"]:not(:checked)+label
{background-color: transparent;}
.mrQuestionTable span input[type="radio"].mrSingle {
display:none;
padding-top:5px;
padding-bottom:5px;
}
 input[type="radio"],label{   
    vertical-align: middle;
    padding-top: 0px!important;
	display: inline-block;
	margin-top: 20px;
 }
.mrQuestionTable span input[type="checkbox"].mrMultiple {
display:none;
padding-top:5px;
padding-bottom:5px;

}
 input[type="checkbox"],label{   
    vertical-align: middle;
    padding-top: 0px!important;
	display: inline-block;
	margin-top: 20px;
 }
.mrQuestionText {font-size: 220%;}

.mrNext,.mrPrev {
text-align:center;
padding: 10px;
margin-top:5%;
margin-left:1%;
margin-right:1%;
margin-bottom:5%;
min-width: 180px!important;
min-height: 40px;
}

}
/*TELEFON*/

@media (min-device-width: 100px) and (max-device-width: 640px) {
tbody tr:nth-child(1) td[class="mrGridQuestionText"]{
font-size:70%;
}
.mrTmain{
width:99%!important;
}
.mrBannerText
{font-size:220%!important;
margin:5%;
}
/*do zmiany - pod tablety i komorki 350px jest ok//////PC - musi mieć większy rozmiar*/
.mrErrorText {font-size:150%;}
#ps_footer{
	text-align:center;
    list-style: none;
	margin-top: -3%;
}
.mrGridCategoryText
{/* width:500px!important; */
padding: 4px;
text-Align: Left;
vertical-align: Middle;
}
.ps_ranking td.mrGridCategoryText span,.ps_ranking tr, .ps_ranking .answer, td.mrGridCategoryText span
{max-width:350px!important;
}
.feedback_panel .mrQuestionText{
  font-size: 100%;
}
.feedback_button span{
display:none;
}
.feedback_button:after {
  content: '[+]';
}
.mrSingleText,.mrMultipleText,.mrDropDown,.mrListBox {
font-size: 450%;
}
textarea {
	width:80%;
}
.mrOtherEdit {display:inline-block; margin-left:5px;height:350%;font-size: 300%!important;vertical-align:bottom;}
.mrQuestionTable{
margin:0 0 0 0;
padding:0 0 0 0;
}
.mrQuestionTable span[id^='Cell'] label{margin-top: 3%;}
input[type="radio"] {
	width: 4em ;
	height: 4em ;}
input[type="checkbox"] {
	width: 4em ;
	height: 4em ;}
input[type="radio"]+label:hover
{background-color: transparent;}
input[type="checkbox"]+label:hover
{background-color: transparent;}
.mrQuestionTable span input[type="radio"]:checked+label
{background-color: #d9dee6;}
.mrQuestionTable span input[type="checkbox"]:checked+label
{background-color: #d9dee6;}
.mrQuestionTable span input[type="checkbox"]:not(:checked)+label
{background-color: transparent;}
.mrQuestionTable span input[type="radio"].mrSingle {
display:none;
padding-top:5px;
padding-bottom:5px;
}
 input[type="radio"],label{   
    vertical-align: middle;
    padding-top: 0px!important;
	display: inline-block;
	margin-top: 20px;
 }
.mrQuestionTable span input[type="checkbox"].mrMultiple {
display:none;
padding-top:5px;
padding-bottom:5px;

}
 input[type="checkbox"],label{   
    vertical-align: middle;
    padding-top: 0px!important;
	display: inline-block;
	margin-top: 20px;
 }

.mrQuestionText {font-size: 260%;}

.mrNext,.mrPrev {
font-size: 220%;
text-align:center;
padding: 10px;
margin-top:5%;
margin-left:3%;
margin-right:3%;
margin-bottom:5%;
min-width: 180px!important;
min-height: 40px;
}
}


/* BM Template */
body { background: #f3f3f3;}

.mrTmain { 
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px 2px 4px 0px rgba(50,50,50,0.3);
}

.mrTheader img { margin-left: 3%; padding-top: 20px; margin-bottom: 20px; }

.mrNext, .mrPrev { 
padding: 8px 6px;
background: #c82059 !important;
background-color: #c82059 !important;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.mrNext:hover, .mrPrev:hover {
padding: 8px 6px;
background: #c82059 !important;
background-color: #c82059 !important;
border: none;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

textarea { max-width: 85%; }
.mrQuestionText { font-size: 110%; font-weight: bold; }

#ps_footer { padding-bottom: 20px; }

input[type="text"], textarea {
background: #f7f8fa;
border: 1px solid #cbccd1;
color: #1f2332;
padding: 3px;
margin-bottom: 3px;
}