//
// "Current Stock Value" widget
//-----------------------

.atum-widget.atum_current_stock_value_widget {
	.widget-body {
		padding: 10px 30px 0;
		
		@include tablet-max {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
	.grid-stack-item-content {
		overflow-x: hidden;
		overflow-y: hidden;
	}
}

.current-stock-value-widget {
	
	&.overlay {
		&:before {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			z-index: 10;
			background-color: $gray-100;
			opacity: 0.5;
		}
		
		&:after {
			content: '';
			top: 45%;
			left: 0;
			right: 0;
			margin: auto;
			@include loader(50px, $info, 3px);
			border-top-color: $gray-600;
		}
	}
	
	h5 {
		font-size: 15px;
		color: $gray-500;
		font-weight: 100;
		text-transform: uppercase;
	}

	.current-stock-value-filters {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		
		.nice-select {
			margin-right: 10px;
			margin-top: 10px;
			
			&.open {
				.list {
					max-height: 200px;
					overflow-x: hidden;
					overflow-y: scroll;
				}
			}
			
		}
	}
	
	.current-stock-value-content {
		text-align: left;
		padding: 40px 0;
		
		.total-items-purcharse-price, .items-count {
			font-size: 36px;
			font-weight: bold;
		}
		
		.total {
			display: inline;
		}
		
		.total-items-purcharse-price {
			color: $green;
		}
		
		.items-value-title, .stock-value-title {
			h5 {
				margin: 17px 0;
			}
		}
		
		.items-count {
			color: $blue;
		}
		
		.separator-line {
			width: 100%;
			height: 1px;
			background-color: $wp-gray-5;
			margin: 21px 0 30px 0;
		}
		
		.stock-counter {
			padding-bottom: 25px;
		}
		
		.items-without-purcharse-price {
			border-radius: 4px;
			background-color: $red-light;
			font-size: 12px;
			line-height: 1;
			color: $red;
			padding: 6px 7px;
		}
	}
	
}