:root {
  --primary-color: #5E17EB;
  --secondary-color: purple;
  --link-header-font-size: 1.25em;
  --theme-primary-font: adigiana-toybox;
  --primary-background: var(--primary-color);
  --light-primary-background: rgb(94,23,235,0.5);
  --very-light-primary-background: rgb(94,23,235,0.1);
  --white-background: #ffffff;
  --custom-white-background: #fafafa;
  --white-color: #fff;
  --red-color: #F2332A;
  --light-grey-color:#666;
  --black: #1d1c1c;
}

@font-face {
  font-family: "adigiana-toybox";
  src: url("../css/fonts/AdigianaToyboxRegular-g59P.ttf");
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/FontAwesome.otf");
}

.primary-theme-button{
	background: var(--primary-color);
	color: #fff;
}

.primary-color{
	color: var(--primary-color);
}

.secondary-color{
	color: var(--secondary-color);
}

.primary-background{
	background-color: var(--primary-background);
	color: var(--white-color);
}

.theme-primary-font{
	font-family: var(--theme-primary-font);
}

.danger-color{
	color: var(--red-color);
}

.pointer{
	cursor:pointer;
}

.w-MyAuto{
	width:auto;
	border:5px solid var(--red-color);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}

.border-top-primary{
	border-top:1px solid var(--primary-color);
}

.eachHover:hover{
	background: var(--secondary-color);
}

.overflow{
	overflow:auto;
}

.overflow-100-minus-40{
	height:calc(100% - 40px);
	overflow:auto;
}

.overflow-100-minus-60{
	height:calc(100% - 60px);
	overflow:auto;
}

.overflow-60{
	height:60vh;
	overflow:auto;
}

.overflow-inner-60{
	height:60vh;
	overflow:auto;
}

.overflow-inner-60.minus-50{
	height:cacl(60vh - 50px);
}

.overflow-inner-60.minus-90{
	height:cacl(60vh - 90px);
}

.overflow-inner-55{
	height:55vh;
	overflow:auto;
}

.overflow-inner-70{
	height:70vh;
	overflow:auto;
	position:relative;
}

@media(max-width:768px){
	.overflow-100-minus-40,
	.overflow-100-minus-60{
		height:100%;
	}
	.overflow-inner-60{
		height:75vh;
	}
	
	.overflow-inner-60.minus-50{
		height:calc(75vh - 50px);
	}
	
	.overflow-inner-60.minus-90{
		height:calc(75vh - 40px);
	}
	
	.overflow-inner-55{
		height:calc(75vh - 50px);
	}
	
	.overflow-inner-70{
		height:84vh;
	}
}

.freeze{
	overflow:hidden;
}

.none{
	display:none;
}

.clip-content{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fit-content{
	white-space: nowrap;
    overflow: hidden;
}

.my-md-6{
	width:95%;
	max-width:768px;
	margin:0px auto;
}

.hide{
	display:none;
}

.unhide{
	display:block;
}

.fixed-Bottom{
	position:fixed;
	bottom:5em;
	right:1em;
}

.three-Column-Container{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
}

.three-Column-Container-Header{
	width:100%;
	height:50px;
	display:flex;
	align-items:center;
}

.three-Column-Container-Header div{
	flex:1;
	margin-left:5px;
}

.three-Column-Container-Body{
	flex:1;
}

.btnRound{
	width:40px;
	height:40px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.btn_One{
	background-image: linear-gradient(to right top, #052c37, #00455f, #005e8b, #0076bb, #128deb);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_Two{
	background-image: linear-gradient(to right top, #370505, #5f0917, #8b0d25, #ba1033, #eb1241);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_Three{
	background-image: linear-gradient(to right top, #be3d04, #ac4d00, #995800, #885f00, #786402);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_Four{
	background-image: linear-gradient(to right top, #870a8c, #681985, #4a1d7a, #2b1e6d, #031b5e);
	border:none;
	border-radius:10px;
	padding:10px;
	margin:5px;
	letter-spacing:1px;
	font-weight:400;
	color:#ffffff;
	cursor:pointer;
	outline:none;
}

.btn_One.sm,
.btn_Two.sm,
.btn_Three.sm,
.btn_Four.sm{
	padding:5px;
	font-size:1em;
}

.btn_One.round,
.btn_Two.round,
.btn_Three.round,
.btn_Four.round{
	padding:0;
	width:40px;
	height:40px;
	border-radius:50%;
}

.btn_One.sm_round,
.btn_Two.sm_round,
.btn_Three.sm_round,
.btn_Four.sm_round{
	width:30px;
	height:30px;
}

.btn_One.fixed,
.btn_Two.fixed,
.btn_Three.fixed,
.btn_Four.fixed{
	position:fixed;
	bottom:20px;
	right:10px;
	z-index:2;
}

/*.alert-Error-Container starts here...*/
.alert-Error-Container,
.success-Message-Container,
.alert-Info-Container,
.confirm-Info-Container,
.home-Found-Product-Item-Quantity-Form-Holder,
.precessing-Fixed-Flex-Box-Container,
.myPopUpContainer{
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(171, 205, 239, 0.3); /*background with opacity of 30%, 0.3 at the end...*/
	-webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
	z-index:10000;
}

.myPopUpContainer{
	z-index:9555;
	display:none;
}

.myPopUpContainer.active{
	display:flex;
}

.myPopUpContainer .myPopUpContainerInnerHolder{
	width:768px;
	max-width:95%;
	height:85vh;
	position:relative;
	background:#fafafa;
}

.myPopUpContainer .myPopUpContainerInnerHolder .myPopUpContainerOverflow{
	width:100%; 
	height:calc(85vh - 60px);
	overflow:auto;
	position:relative;
}

@media(max-width:768px){
	.myPopUpContainer .myPopUpContainerInnerHolder{
		height:95vh;
	}
	
	.myPopUpContainer .myPopUpContainerInnerHolder .myPopUpContainerOverflow{
		height:calc(95vh - 60px);
	}
}

.home-Found-Product-Item-Quantity-Form-Holder{
	z-index:4;
}

.confirm-Info-Container.block{
	display:block;
}


.alert-Error-Container .alert-Error-Center-Container,
.success-Message-Container .success-Message-Center-Container,
.alert-Info-Container .alert-Info-Center-Container,
.confirm-Info-Container .alert-Info-Center-Container,
.confirm-Info-Container .alert-Info-Center-Processed-Container{
	width:500px;
	height:auto;
	background: #ECF0E9;
	background: -moz-linear-gradient(left, #ECF0E9 0%, #F5F5F5 50%, #E9EBD5 100%);
	background: -webkit-linear-gradient(left, #ECF0E9 0%, #F5F5F5 50%, #E9EBD5 100%);
	background: linear-gradient(to right, #ECF0E9 0%, #F5F5F5 50%, #E9EBD5 100%);
	text-align:center;
	position:relative;
}

.confirm-Info-Container .alert-Info-Center-Processed-Container.block{
	margin:20px auto;
	height:90vh;
	overflow:auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.confirm-Info-Container .alert-Info-Center-Processed-Container.block::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.confirm-Info-Container .alert-Info-Center-Processed-Container.block {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

@media(max-width:505px){
	.alert-Error-Container .alert-Error-Center-Container,
	.success-Message-Container .success-Message-Center-Container,
	.alert-Info-Container .alert-Info-Center-Container,
	.confirm-Info-Container .alert-Info-Center-Container,
	.confirm-Info-Container .alert-Info-Center-Processed-Container{
		width:90%;
	}
}

.alert-Error-Container .alert-Error-Center-Container .header-Container,
.alert-Info-Container .alert-Info-Center-Container .header-Container{
	padding:1em;
	font-size:0.8em;
	background: #ED0915;
	background: -moz-linear-gradient(left, #ED0915 0%, #DB0813 50%, #C70812 100%);
	background: -webkit-linear-gradient(left, #ED0915 0%, #DB0813 50%, #C70812 100%);
	background: linear-gradient(to right, #ED0915 0%, #DB0813 50%, #C70812 100%);
	color:#ffffff;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
}

.alert-Info-Container .alert-Info-Center-Container .header-Container{
	background-color: #c1bfbf;
	background-image: linear-gradient(315deg, #c1bfbf 0%, #af8231 74%);
}

.confirm-Info-Container .alert-Info-Center-Container .header-Container{
	padding:1em;
	font-size:0.8em;
	background: #ffa500;
	color:#ffffff;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	text-align:center;
	width:100%;
}

.alert-Error-Container .alert-Error-Center-Container .header-Container i,
.alert-Info-Container .alert-Info-Center-Container .header-Container i{
	font-size:1.4em;
	margin-right:5px;
}

.confirm-Info-Container .alert-Info-Center-Container .header-Container i{
	font-size:1.4em;
	margin-right:5px;
	cursor:pointer;
}

.alert-Error-Container .alert-Error-Center-Container .message-Container,
.alert-Info-Container .alert-Info-Center-Container .message-Container,
.confirm-Info-Container .alert-Info-Center-Container .message-Container,
.confirm-Info-Container .alert-Info-Center-Processed-Container .message-Container{
	width:100%;
	height:auto;
	margin:20px auto;
	padding:0.5em;
}

.confirm-Info-Container .alert-Info-Center-Processed-Container .message-Container{
	display:block !important;
}

.alert-Error-Container .alert-Error-Center-Container .message-Container h4,
.alert-Info-Container .alert-Info-Center-Container .message-Container h4{
	background: #B50E0E;
	background: -webkit-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: -moz-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:1.1em;
	letter-spacing:1px;
}

.alert-Info-Container .alert-Info-Center-Container .message-Container h4,
.confirm-Info-Container .alert-Info-Center-Container .message-Container h4,
.confirm-Info-Container .alert-Info-Center-Processed-Container .message-Container h4{
	background: #91580D;
	background: -webkit-linear-gradient(to right, #91580D 0%, #7D4C0B 100%);
	background: -moz-linear-gradient(to right, #91580D 0%, #7D4C0B 100%);
	background: linear-gradient(to right, #91580D 0%, #7D4C0B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.alert-Error-Container .alert-Error-Center-Container .btn-Container,
.alert-Info-Container .alert-Info-Center-Container .btn-Container,
.confirm-Info-Container .alert-Info-Center-Container .btn-Container,
.confirm-Info-Container .alert-Info-Center-Processed-Container .btn-Container{
	padding-bottom:1em;
}

.success-Message-Container .success-Message-Center-Container .header-Container{
	padding:1em;
	font-size:0.8em;
	background: #0C8C17;
	background: -moz-linear-gradient(left, #0C8C17 0%, #0C8C17 50%, #08590F 100%);
	background: -webkit-linear-gradient(left, #0C8C17 0%, #0C8C17 50%, #08590F 100%);
	background: linear-gradient(to right, #0C8C17 0%, #0C8C17 50%, #08590F 100%);
	color:#ffffff;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:100%;
}

.success-Message-Container .success-Message-Center-Container .header-Container img{
	width:40px;
	height:40px;
	margin-right:5px;
	border-radius:50%;
}

.success-Message-Container .success-Message-Center-Container .message-Container{
	width:100%;
	height:auto;
	margin:20px auto;
	padding:0.5em;
}

.success-Message-Container .success-Message-Center-Container .message-Container h4{
	background: #B50E0E;
	background: -webkit-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: -moz-linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	background: linear-gradient(to right, #B50E0E 0%, #9E1515 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size:1.1em;
	letter-spacing:1px;
}

.success-Message-Container .success-Message-Center-Container .btn-Container{
	padding-bottom:1em;
}

.precessing-Fixed-Flex-Box-Container{
	display:none;
}

.precessing-Fixed-Flex-Box-Container.active{
	display:flex;
}