.toaster-quote {
	.inline-block-wrap(top);
	// usual widget {$ quote : form}
	fieldset, & > p {
		padding : 0;
		.grid-elements(2; 2*@grid-margin-width; true; 1; 1);
		border  : none;
	}

	.mobile-desktop-phone-block {
		select {
			float : left;
		}
		input {
			width : 58.333%;
		}

		&:first-of-type {
			clear : left;
		}
	}
	dl, dt, dd {
		clear : both;
	}
	// quote form on the product page
	.product & {
		//fieldset, & > p{width : 100%;}
		//fieldset{margin : 0;}
		//& > p{margin : 0 0 15px 0;}
	}
	// quote form on the checkout page
	#checkout-widget & {
	}
	// quote form on the quote page
	.quote-info & {
	}
}

#send-quote {
	clear : both;
}

// quote-info
//==================================================
.quote-info {
	margin-bottom : 2em;

	fieldset, & > p {
		width : 100%;
	}
	fieldset {
		margin  : 0;
		padding : 0;
		border  : none;
	}
	& > p {
		margin : 0 0 15px 0;
	}
	@media only screen and (min-width : (@responsive-size-tablet + 1)) {
		& when (@responsive) {
			float : left;
			width : 48%;
		}

		&:first-child when (@responsive) {
			margin-right : 4%;
		}
	}
	& > p {
		margin : 0;
	}
	p.title {
		font-size      : 1.5em;
		color          : @heading-color;
		border-bottom  : 1px solid @gray-light;
		padding-bottom : 0.25em;
		margin-bottom  : 0.5em;
	}
	label {
		margin : 0.25em 0 0;
		float  : left;
		width  : 35%;

		&[for='same-for-shipping'] {
			//width: calc(1em + 1px * 2);
			//margin-right : 5px;
		}
		&.checkbox_radio {
			margin : 5px;
		}
	}
	input,
	select,
	textarea {
		float : left;
		width : 65%;
	}
	[type="checkbox"] {
		float : none;
		width : auto;
	}
	.mobile-desktop-phone-block {
		width  : 100%;
		margin : 0 0 15px 0;
		select {
			width : 27% !important;
		}
		input {
			width : 38% !important;
		}
	}
	dl, dt, dd{
		overflow : hidden;
		.inline-block(top);
	}
	dt{
		max-width: 90%;
	}
	dl, dt {
		label {
			width : auto;
		}
		input {
			width : auto;
		}
	}

}

// Quote
//==================================================
#quote-search {
	padding : 7px;
	width   : 700px;
	display : block;
	margin  : 0 auto;
}

.ui-menu {
	z-index : 55 !important;
}

#storeinfo {
	text-align : right;

	h1 {
		font-size   : 2em;
		font-weight : bold;
		margin      : 0;
	}

	p {
		margin : 0;
	}
}

//===============quote-details=================
#quote-details {
	text-align : center;
	clear      : both;

	h2 {
		margin-bottom : 5px;
	}

	input {
		width   : auto;
		height  : auto;
		padding : 5px;
	}

	span {
		color : #000;
	}
}

// Quote admin-panel
//==================================================
#quoteControlls {
	height : 70px;

	.quote-controlls {
		.rgba(rgb(170, 170, 170), 0.8);
		border-top : 5px solid #888;
		bottom     : 0;
		left       : 0;
		padding    : 10px 0;
		position   : fixed;
		width      : 100%;
		z-index    : 10;
		text-align : center;
	}

	.quote-search {
		width     : 500px;
		padding   : 5px;
		font-size : 18px;
		color     : #666;
		border    : 1px solid #ddd;
	}
}