/* Outer */
.popup {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index: 99;
}

/* Inner */
.popup-inner {
	max-width:700px;
	width:90%;
	padding:40px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#fff;
}

/* Close Button */
.popup-close {
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
}

.popup-close:hover {
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
}




.input_class {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

.custom_lable {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

.custom_submit {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

.custom_submit:hover {
  background-color: #45a049;
}

.custom_container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.custom_col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.custom_col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.custom_row:after {
  content: "";
  display: table;
  clear: both;
}
.custom_verify{
	margin-top: 15px;
	opacity: 0.8;
	background-color: #000000;
    color: white;
}
.custom_verify:hover{
	opacity: 1;
}
.custom_preview_cart{
	display:none!important;
}
.previewCartAction-checkout{
	/* display:none!important; */
}
.custom_popup_close{
	top: 63px;
	right: 16px;
}
.custom_popup-inner{
	padding-bottom: 55px;
	padding-top: 35px;
}


.table_head{
	font-size:15px;
}
.table_body{
	font-size:15px;
}
.custom_container{
	padding: 20px 48px 120px;
}
.custom_table{
	margin-top: 35px;
}

.rpal_err{
	text-align:center;
	color:red;
}
.added_text{
	font-weight: bold;
	font-size: 15px;
}


/* loader start */

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */


@media only screen and (min-device-width: 768px) and (max-device-height: 812px) {
	.popup-inner {
	padding: 32px;
	overflow: scroll;
	height: 80%;
	}
	.popup-close {
		top: 16px;
		right: 16px;
	}
}
	
	
@media only screen and (max-width: 767px) {
	.popup-inner {
		padding: 32px;
		overflow: scroll;
		height: 80%;
	}
	.popup-close {
		top: 16px;
		right: 16px;
	}
}
@media screen and (max-width: 600px) {
  .custom_col-25, .custom_col-75, .custom_submit {
    width: 100%;
    margin-top: 0;
  }
}