.darker {
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #202020cc;
}

#modal-container-relative {
	position: relative;
	height: 0;
	width: 100%;
}

	#modal-container-relative #modal-container {
		display: none;
		position: absolute;
		width: 100%;
		margin: 45px 0 50px 0;
		z-index: 1500;
		justify-content: center;
	}

		#modal-container-relative #modal-container #modal-data {
			height: 780px;
			z-index: 5;
			box-shadow: 0px 0px 10px 1px #91919175;
			background: #282828;
			border: 1px solid;
			border-radius: 2px;
			width: 1000px;
		}

			#modal-container-relative #modal-container #modal-data #modal-header {
				height: 40px;
				border-bottom: 1px solid;
				margin-bottom: 10px;
				padding: 0 10px;
				align-items: center;
				display: flex;
				font-size: 25px;
			}

				#modal-container-relative #modal-container #modal-data #modal-header #modal-close-button {
					width: 20px;
					margin-left: auto;
					fill: #858585;
					cursor: pointer;
				}

					#modal-container-relative #modal-container #modal-data #modal-header #modal-close-button:hover {
						fill: white;
					}

			#modal-container-relative #modal-container #modal-data #modal {
				padding: 10px 20px;
				height: 730px;
			}

#modal-data {
	border-color: #dddddd !important;
}

	#modal-data div {
		border-color: #dddddd !important;
	}

#modal-data > *, #modal-data input {
	color: white !important;
}

#modal-data svg{
	fill: #dddddd;
}

#modal-data .cart-control-inactive {
	color: #8d8d8d !important;
}