.msg{
    padding: 15px;
    margin: 10px 1%;
    border-radius: 6px;
}

.msg.error{
    border: 1px solid #d33f3f;
    color: #d33f3f;
}
.msg.success{
    border: 1px solid #6699ff;
    color: #6699ff;
}

.hide{
    display: none !important;
}

.fluid-1 textarea{
    width: 93%;
}

label.error{
    color: #d33f3f;
    line-height: 22px;
}


.ico-top {
    display: none;
    position: fixed;
    bottom: 20px; 
    right: 20px;
    cursor: pointer;
}
.ico-left {
	position: fixed;
	bottom: 20px;
	right: 85px;
	cursor: pointer;
}
.ico-left img {
	transform: rotate(-90deg);
}


input[type="text"]{
    background: #f6f6f6 url( '/view/img/ico-help.png') no-repeat top right !important ;
    background-position-x: 98% !important;
    background-position-y: 5px !important;
}
select{
    background: #f6f6f6 url( '/view/img/ico-help.png') no-repeat top right !important ;
    background-position-x: 98% !important;
    background-position-y: 5px !important;
}


.f-tool{
    top: -34px;
    left: 8px;
    background-color: #f6f6f6 !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    box-shadow: 0px !important;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #cacaca;
    padding: 6px 10px 6px 10px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

.subtitle {
	padding: 10px;
	margin: 0;
}

/* comment form */
.comment-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: silver;
	opacity: 0.8;
	z-index: 1500;
}
.comment-form {
	display: block;
	position: absolute;
	top: 20%;
	width: 60%;
	left: 20%;

	z-index: 1501;
	border: 1px solid gray;
	padding: 20px;
	background: #ddd;
}
@media (max-width:940px) {
	.comment-form {
		width: auto;
		left: 3%;
		right: 3%;
	}
}
.comment-form textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #bbb;
	margin-bottom: 20px;
}
.comment-form button.jLabel {
	color: gray;
}
.comment-form .buttons {
	margin-top: 20px;
}
div.starsbg {
    position: relative;
    width: 160px;
    height: 32px;
    background: url(/public/view/img/star32gray.png) repeat-x;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
div.starsbg a {
    display: block;
    position: absolute;
    height: 100%;
    width: 32px;
    top: 0;
}
div.starsbg a:hover, div.starsbg a.active {
    background: url(/public/view/img/star32.png) repeat-x;
    left: 0;
    width: auto;
}

.mbcomments {
	list-style: none;
	padding: 0;
	margin: 0;
}
.mbcomments li {
	padding: 0;
	margin: 8px 0;
}
.mbcomments li div {
	display: inline-block;
}
.mbcomments li .body {
	display: block;
	border: 1px solid silver;
	background: white;
	margin-left: 10px;
	padding: 5px;
}
.mbcomments .rating {
	background: url(/public/view/img/star16.png) 0 0 repeat-x;
	display: inline-block;
	height: 16px;
	vertical-align: bottom;
}
ul.mbcomments .rating.r1 { width: 16px; }
ul.mbcomments .rating.r2 { width: 32px; }
ul.mbcomments .rating.r3 { width: 48px; }
ul.mbcomments .rating.r4 { width: 64px; }
ul.mbcomments .rating.r5 { width: 80px; }

ul.mbconversation {
	list-style: none;
	padding: 8px;
	margin: 0 0 15px;
	border: 1px solid silver;
	background: #eee;
}
ul.mbconversation li {
	padding: 0;
	margin: 8px 0;
	vertical-align: top;
}
ul.mbconversation div.user,
ul.mbconversation div.message {
	display: inline-block;
}
ul.mbconversation li .body {
	display: block;
	border: 1px solid silver;
	background: white;
	margin-left: 16px;
	padding: 8px;
	position: relative;
	box-shadow: 3px 6px 9px silver;
}
ul.mbconversation li .body img {
	display: block;
	position: absolute;
	left: -16px;
	top: 5px;
}
ul.mbconversation li.unread .body {
	font-weight: bold;
}

/* szczegoly zamowienia */
ul.order-desc {
	border: 1px solid silver;
	padding: 10px;
	background: #eee;
}
ul.order-desc b {
	border: 1px solid gray;
	background: white;
	padding: 1px 5px;
}

.price {
  font-size: 150%;
  color: #D33F3F;
  margin-left: 10px;
}