/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2020-02-07, 19:12:40
    Author     : vegas
*/

.calc-wrapper {
	background: #000;
	padding: 20px;
	width: 300px;
	position: fixed;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	top: 50%;
	display: none;
	z-index: 200;
}

table.calc-tab {
	width: 100%;
	margin: 0 auto;
	font-weight: 500;
	font-size: 1.6rem;
	box-shadow: 0 0 48px rgba(0, 0, 0, 0.1);
	border-spacing: 4px;
	border-collapse: unset;
}

.calc-tab .calc-display {
	text-align: right;
	height: 84px;
	color: #fff;
	background: #000;
}

table.calc-tab td {
	border: 1px solid #fff;
	padding: 1rem 1rem;
	background: #000;
	color: #fff;
	text-align: center;
}

.calc-nr {
	width: 33%;
}

.calc-nr:hover {
	background: #78b928;
}

.calc-display input {
	background: #000 !important;
	border: none !important;
	color: white !important;
	text-align: center;
	font-size: 30px;
	padding: 0;
	width: 100%;
}

#lottery_submit {
	background: none;
	border: none;
	font-size: 20px;
	padding: 0;
	color: #fff;
}

.lotteryBackground {
	background: rgba(255, 255, 255, 0.6);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}

.closeBtn {
	padding: 4px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -40px;
	border: 1px solid #000;
	top: 0;
}

/* #lottery-failed-section section:after,
#lottery-success-section section:after{
	padding: 4px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	border: 1px solid #000;
	top: 20px;
	content:url("/wp-content/plugins/mv-promo-code/assets/closeIcon.svg");
} */
.closeMe {
	padding: 4px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 40px;
	border: 1px solid #000;
	top: 40px;
	background: #444;
}
#lottery-success-section,
#lottery-failed-section,
#lottery-code-exist{
	width: 80%;
	position: fixed;
	transform: translateX(-50%) translateY(-50%);
	left: 50%;
	top: 50%;
	display: none;
	z-index: 200;
}

#lottery-success-section.elementor-section.elementor-section-boxed  > .elementor-container,
#lottery-failed-section.elementor-section.elementor-section-boxed > .elementor-container,
#lottery-code-exist.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 100%;
}
.calc-display {
  position: relative
}
.clear_button svg {
  width: 58px;
}
.clear_button  {
	position: absolute; 
  bottom: 0; 
  right: 10px
}