/**
 * BSS Commerce Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://bsscommerce.com/Bss-Commerce-License.txt
 *
 * @category   BSS
 * @package    Bss_QuoteExtension
 * @author     Extension Team
 * @copyright  Copyright (c) 2018-2019 BSS Commerce Co. ( http://bsscommerce.com )
 * @license    http://bsscommerce.com/Bss-Commerce-License.txt
 */
//  @screen__xxs: 320px;
//  @screen__xs: 480px;
//  @screen__s: 640px;
//  @screen__m: 768px;
//  @screen__l: 1024px;
//  @screen__xl: 1440px;

//
//  Common
//  _____________________________________________
& when (@media-common = true) {
	@color_1: black;
	@color_2: #777;
	@background_color_1: #eee;
	@background_color_2: #ccc;
	@background_color_3: white;
	@background_color_4: #e3e3e3;

	.bss-quote-extension-manage-edit {
		.edit-order-table {
			margin-bottom: 0px;
			.admin__control-text {
				width: 90%;
			}
		}
		.admin__table-primary {
			th {
				padding: 12px 0px 12px 12px !important;
				text-align: left;
				background-color: @background_color_4;
				border-right: 1px solid white;
			}
		}
		.field-comment {
			.admin__field-control {
				margin-bottom: 30px;
			}
		}
		.order-view-account-information {
			margin-top: -20px;
		}
	}
	.accordion-quote {
		background-color: @background_color_1;
		color: @color_1;
		cursor: pointer;
		padding: 20px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s;
		float: left;
		font-weight: 400;
		line-height: 1.2;
		font-size: 2rem;
		margin-bottom: 25px;
		&:hover {
			background-color: @background_color_2;
		}
		&:after {
			content: '\002B';
			color: @color_2;
			font-weight: bold;
			float: right;
			margin-left: 5px;
		}
	}
	.active-quote {
		background-color: @background_color_2;
		&:after {
			content: "\2212";
		}
	}
	.panel {
		padding: 0 18px;
		display: none;
		background-color: @background_color_3;
		overflow: hidden;
	}
	.history-log {
		.item-log {
			width: 100%;
			display: none;
		}
	}
	.log-version {
		cursor: pointer;
		&:hover {
			text-decoration: none;
		}
	}
	#form_tabs_quote_extension_info_content {
		#order-items {
			.actions {
				float: right;
			}
		}
	}
}