/*
Apply Here your Custom CSS
*/

/*
 *================================= HTML5 PROGRESS BAR================================================
 https://stackoverflow.com/questions/21476748/how-to-change-the-color-of-html5-progress-bar
 http://jsfiddle.net/eEvjL/2/
 */	

/*Global CSS Vars */
:root{
--navbar-height: 57px;
--btn-border-radius: 0.375rem;

--feature-border-color: #f16543; /*orange*/
--feature-bg-color: #f16543; /*orange*/
--feature-font-color: #f16543; /*orange*/

	--black: #000;
    --white: #fff;
    --gray: #777;
    --gray-dark: #333;
    --gray-100: #f8f9fa;
    --gray-200: #eee;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #aaa;
    --gray-600: #777;
    --gray-700: #495057;
    --gray-800: #333;
	--dark: #222;
    --light: #f8f9fa;
    
    
    --blue: #2196f3;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e51c23;
    --orange: #fd7e14;
    --yellow: #ff9800;
    --green: #4caf50;
    --teal: #20c997;
    --cyan: #9c27b0;
    
    --primary: #eb6864;
    --secondary: #aaa;
    --success: #22b24c;
    --info: #369;
    --warning: #f5e625;
    --danger: #f57a00;
    
}

/*Scrollbar*/
/* width */
::-webkit-scrollbar {
  width: 8px; /* Width for vertical scrollbar */
  height: 8px; /* Height for horizontal scrollbar */
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc; 
   border-radius:3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aaa; 
}

.visible-xlg {
    display: none;
}
@media (min-width: 1400px){
.visible-xlg {
    display: block !important;
}
}

progress,          /* All HTML5 progress enabled browsers */
progress[role]     /* polyfill */
{

	/* Turns off styling - not usually needed, but good to know. */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	/* Needs to be in here for Safari polyfill so background images work as expected. */
	background-size: auto;
	
}


progress::-webkit-progress-value{
    background-color: skyblue;
}


progress.danger::-webkit-progress-value{
    background-color: crimson;
}


/*progress[value^="0"]::-webkit-progress-value,*/
/*progress[value]::-webkit-progress-value{
   background-color: blue;
} 

progress.red[value]::-webkit-progress-value{
   background-color: red;
} 
*/

progress::-webkit-progress-bar{
    background-color: lightgray;
}

progress::-moz-progress-bar {
	background-color: lightgray !important;
}


progress::-moz-progress-bar{
    background-color: lightgray;
}

/*progress[value]::-moz-progress-bar{
   background-color: lightgray;
} */

/*============================================HTML5 PROGRESS BAR==============================================*/


/*input[type=number] {
    -webkit-text-security: disc;
}*/

input[type="number"].formcore-disable-spinner {
	-moz-appearance: textfield;
}
.formcore-disable-spinner::-webkit-inner-spin-button,
.formcore-disable-spinner::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

body {
	
}

/*Top Header*/
body .page-container header.navbar{
	height: 57px;
	height: var(--navbar-height);
	/*overflow:hidden;*/
	box-shadow: 0px 1px 20px rgb(0 0 0 / 10%);
}

.page-container.horizontal-menu {
    padding-left: 0;
    padding-top: 57px;
    padding-top: var(--navbar-height) !important;
}

/*@media (max-width: 767px){
.page-body .page-container{
    padding-top: var(--navbar-height) !important;
}
}*/

body .page-container header.navbar .body .navbar-inner{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    align-items: center;
}

body .page-container header.navbar .order_total{
	color: var(--feature-font-color);
}

/*
@media (max-width: 767px){
	.sidebar-menu.navbar-fixed-top {
	    height: 57px;
		height: var(--navbar-height);
	}
}*/
body .page-container .sidebar-menu .logo-env > div.sidebar-collapse a,
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu a{
	min-width: 46px;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu  a,
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu  button,
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu  input[type=button],
body .page-container .sidebar-menu .logo-env > div.sidebar-mobile-menu  input[type=submit]{
	min-height:46px;
	min-width:46px;
}

body .page-container.sidebar-collapsed .sidebar-menu .copyright{
	display:none;
}

body .page-container .sidebar-menu  header.search_block.visible-xs {
    border-color: #ebebeb;
    color: #303641;
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0px 3px 10px 0px;
}

/*Top Header END*/

/*input, 
select, 
textarea,*/
.btn,
.form-control {
	margin-bottom: 10px; 
}

.nav.navbar-nav .btn {
    margin-bottom: 0;
}

.fa.fa-md{
		    font-family: FontAwesome !important;
		    font-size: 16px !important;
		    /*color: blue !important;*/
}

.frame {    margin: 0; padding: 0; border: none;width:100%;}

.text-cut{    
	overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    white-space: nowrap;
  }
  
 /*Blocked Page*/
.blocked-content .not-blocked,.blocked-content .not-blocked *{
	pointer-events: initial!important;
	cursor: initial;
}
.blocked-content .not-blocked,.blocked-content .not-blocked[onclick] *,
.blocked-content .not-blocked,.blocked-content a.not-blocked *,
[onclick] *{
	cursor: pointer;
}
.blocked-content *{
	pointer-events: none!important;
}
.blocked-content,.blocked-content *{
	cursor: not-allowed;
} 
  
.fixed-table{
	width:100%;
	table-layout: fixed;
}

 @media (max-width: 767px){
	.modal-dialog {
    	width: 98%;
    	margin: 0 auto;
   	}
   	
}

.block-heading {
	padding: 0 1em;
    border-bottom: 1px solid #a6a6a6;
    display: block;
    font-weight: bold;
    line-height: 3em;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dddddd), color-stop(1, #fafafa));
    background: -ms-linear-gradient(bottom, #dddddd, #fafafa);
    background: -moz-linear-gradient(center bottom, #dddddd 0%, #fafafa 100%);
    background: -o-linear-gradient(bottom, #dddddd, #fafafa);
    filter: progid:dximagetransform.microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa',EndColorStr='#dddddd')";
}

.block {
    border: 1px solid #ccc;
    background: white;
    margin: 1em 0em;
    
}

.popover-block li{
  list-style:none;
  
  color:#fff;
  font-family:arial;
  

}
.popover-block{
  background:#fff;
  top:0px;
  border:1px solid #ccc;
  border-radius:5px;
  position:absolute;
  min-width:150px;
  max-width:300px;
  display:none;
  max-height:100px;
  overflow:auto;
  z-index:1001;
}

.popover-content {
	/*max-height:200px;*/
	max-height:300px;
	overflow:auto;
}

.popovermenu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

 	.floatLayer, .modal{
 			max-width:100%;
 			margin:auto;
 	}
 	.modal{
 		z-index:10001; /*as modal-backdrop - 10000 */
 		transform: translate(0,25%);
 	}
 	
 	/*.modal{
 		    top: 50%;
    		transform: translateY(-50%);
 	}*/

 	[id^=draggable]{
 		position: absolute;
 		left:5%;
 		right:5%;
 		top:0;
 		margin:auto;
 		z-index: 10001;
 		max-width:90%;
 		width: 400px; 
 		padding: 0;
 		border: none;
 		display: none;  
	}
 			
 	@media(max-width: 770px){
		[id^=draggable]{
 			margin:auto;
 		}
 		.modal{
 			position:fixed;
 			/*position: absolute;*/
 			max-width:98%;
 			left:2%;
 			right: 2%;
 			top:2%;
 			transform: translate(0,2%);
 			overflow: auto;
 		}
 	
 		.floatLayer{
 			position: absolute;
 			max-width:90%;
 			/*left:0 !important;
 			top:0 !important;
 			right: 0 !important;
 			transform: translate(0,0) !important;*/
 			left:5%;
 			right: 5%;
 			top:0;
 			transform: translate(0,0);
 		}
 		
 		.close{font-size:30px;}
 		
 		[class^=col-xs] {
		    padding: 0 7px;
		    /* font-size: 0.9em; */
		}
		
		/*.sigWrapper,
		.btn-toolbar{
			transform: scaleX(1.5);
		}*/
 	}
 	
 	
 	.input-group ~ span.validate-has-error {
	   /* width: 50%;*/
	  display: block;
	}
 	
/*QR CODE READER*/
.scanner-laser {
    position: absolute;
    margin: 30px;
    height: 30px;
    width: 30px;
    opacity: 0.5;
}

.laser-middleVertical {
    border-top: 2px solid red;
    top: 50%;
    width: 50%;
    margin: 0;
    right: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 0;
}

.laser-leftTop {
    top: 0;
    left: 0;
    border-top: solid red 5px;
    border-left: solid red 5px;
}

.laser-leftBottom {
    bottom: 0;
    left: 0;
    border-bottom: solid red 5px;
    border-left: solid red 5px;
}

.laser-rightTop {
    top: 0;
    right: 0;
    border-top: solid red 5px;
    border-right: solid red 5px;
}

.laser-rightBottom {
    bottom: 0;
    right: 0;
    border-bottom: solid red 5px;
    border-right: solid red 5px;
}



/*JS TREE*/
/**Context menu/
.vakata-context{
	z-index:1100;
}
*/

.close{
	padding: 0px 5px;
    line-height: 1;
}


.fixed-panel{
	position: absolute;
	position: fixed;
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0%;
    z-index: 1100;
    opacity: 0.7;
}

.fixed-panel.floatLayer{
	position: absolute;
}

/*@media(min-width:768px){
	.fixed-panel{
		left: 65px;
	}	
}*/

.panel-group .panel > .panel-heading,
.panel-group .panel > .panel-heading > .panel-title {
	padding: 0;
}

.panel-group .panel > .panel-heading > .panel-title > a{
	padding: 15px 15px;
}

.panel-group .panel > .panel-heading {
	padding:0;
}

.form-control{
    color: #000;
    font-size: 1.4rem;
    /* font-weight: bold; */
	border: 1px solid #778899;
}
.form-control:focus{
	border-color: #000;
}

.modal-form2 {
    transform: translate(0,0);
}

.modal-form2 .modal-dialog {
    max-height: 95% !important;
}





.ssn{
	text-align: center;
    letter-spacing: 5;
    font-size: 1.5em;
}


.btn-black-white {
    background: white;
    color: black;
    font-weight: bold;
    border: 1px solid;
}

/*Login Form*/
.login-content{
	/*width: 300px;
    padding: 20px 0;
    margin: 0 auto;*/
    
    height: 80vh;display: flex;flex-direction: column;align-items:center;align-items: center;justify-content: center;text-align: center;
}

input:focus-within {
    text-align: left !important;
}

 .product_block .album .item_remove_btn {
	  display:none;
   }
 .product_block .album.order_product .item_remove_btn {
	  display:block;
  }
  
.gallery-env .product_block article.album.order_product .addToCartBtn{
	box-shadow: inset 0px 0px 4px 0px var(--feature-border-color);
	color: var(--black);
    background-color: var(--gray-200);
    /* border-color: var(--grey-500); */
    opacity: 0.8;
}
   

.table.table-borderless > thead > tr > th
, .table.table-borderless > tbody > tr > th
, .table.table-borderless > tfoot > tr > th
, .table.table-borderless > thead > tr > td
, .table.table-borderless > tbody > tr > td
, .table.table-borderless > tfoot > tr > td{
    border: 0;
}


/*.table td, .table td *{*/
.table td{
	white-space: normal;
}


.dropdown .dropdown-menu > li > a {
    display: block;
    min-width: 210px;
	padding: 8px 10px;
	transition: all 300ms ease-in-out;

}


/*Uploader*/
.dropzone,.paste_image{
	min-height:170px !important;
}

.paste_image{
	background: rgba(0,0,0,0.7);
	cursor: pointer;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;	
}

.paste_image h1{
	/*color: royalblue;*/
	color: #fff;
    font-size: 3.5em;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    /* font-style: italic; */
    padding: 0 50px;
    text-align: center;
    opacity:0.5;
}

.paste_image.active {
    box-shadow: 0px 0px 4px 4px rgba(0,0,0,.4);
}


/*Form Wizard*/
.form-wizard > ul > li.active a span, .form-wizard > ul > li.current a span{
	box-shadow: 0px 0px 4px 5px coral !important;
	color: coral !important;
}

.form-wizard > ul > li a {
    font-size: 1rem !important;
}

.form-wizard > ul > li a > span {
    font-size: 1.2rem !important;
}

.page-container.horizontal-menu header.navbar.navbar-fixed-top {
    /* position: fixed; */
    /*position: sticky !important;*/
   }
 

/*Image Zoom*/   
.img-zoom-rect {
  position: absolute;
  border: 1px solid #d4d4d4;
  /*set the size of the zoomRect:*/
  width: 250px;
  height: 200px;
  width: 50%;
  height: 50%;
  z-index: 20;
  display: block;
}

.img-zoom-result{
	display:none;	
	background-repeat: no-repeat;
	background-size: cover;
}

.fotorama--fullscreen .fotorama__stage .img-zoom-rect {
	display: none;
}

.img-zoom-result{
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 20;
    box-shadow: -2px 1px 8px 4px #e4e4e4;
    border: 5px solid #ffff;
    display: none;
}

/*Fotorama Image Gallery Modification*/
.fotorama__wrap--css3 .fotorama__fullscreen-icon
{
    /*transform: translate3d(0,0,0);*/
    transform: translate3d(0,0,0) scale(1.5) !important;
}

.fotorama__thumb-border {
    border-color: var(--feature-border-color) !important;
}

/*Click2Buy Customization*/
.shop_domain {
	position: absolute;
    top: 15px;
    left: 15px;
    bottom: auto;
    z-index: 10;
}

.dropdown.discount_block{
	position: absolute;
	/*right: 15px;
	left: auto;*/
	right: 5px;
	left: 5px;
	z-index: 20;
	padding: 10px;
	min-width: 100px;
	text-align: center;
	top: 0%;
	border: 1px solid var(--feature-border-color);
    background: #fff;
    /*box-shadow: 3px 2px 10px 1px var(--gray-600);*/
    box-shadow: 2px 3px 4px var(--gray);
}

.form_login .account-login,
.form_login .goo-login{
	/*box-shadow: 2px 3px 4px var(--gray);*/
	box-shadow: 0px 1px 3px var(--gray);
}

.btn{
	border-radius: var(--btn-border-radius) !important;
}

.btn.btn-outline {
   /* --btn-padding-x: 1rem;
    --btn-padding-y: 0.375rem;
    --btn-font-family: ;
    --btn-font-size: 1rem;
    --btn-font-weight: 400;
    --btn-line-height: 1.5;*/
    --btn-color: #222;
    --btn-bg: transparent;
    --btn-border-width: 1px;
    --btn-border-color: transparent;
    --btn-border-radius: 0.375rem;
    --btn-hover-border-color: transparent;
    --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --btn-disabled-opacity: 0.65;
    --btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
    /*display: inline-block;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-family: var(--btn-font-family);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);*/
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--btn-color);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn.btn-outline:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    opacity: 0.8;
}


.label-outline {
   /* --btn-padding-x: 1rem;
    --btn-padding-y: 0.375rem;
    --btn-font-family: ;
    --btn-font-size: 1rem;
    --btn-font-weight: 400;
    --btn-line-height: 1.5;*/
    --btn-color: #222;
    --btn-bg: transparent;
    --btn-border-width: 1px;
    --btn-border-color: transparent;
    --btn-border-radius: 0.375rem;
    /*display: inline-block;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-family: var(--btn-font-family);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);*/
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    color: var(--btn-color);
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg);
    cursor:auto;
}

.input-group-addon.btn-outline {
	color: var(--btn-color) !important;	
}

a .label-outline {
	cursor: pointer;
}	

.btn-outline.btn-outline-grey
,.label-outline.label-outline-grey
,.label-outline.label-outline-grey:hover  {
    --btn-color: #777;
    --btn-bg: #f8f9fa;
    --btn-border-color: #aaa;
    --btn-hover-color: #000;
    --btn-hover-bg: #dee2e6;
    --btn-hover-border-color: #aaa;
    --btn-focus-shadow-rgb: 170, 170, 170;
    --btn-active-color: #fff;
    --btn-active-bg: #aaa;
    --btn-active-border-color: #aaa;
    --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --btn-disabled-color: #aaa;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #aaa;
    --btn-gradient: none;
}

    
.btn-outline.btn-outline-dark
,.label-outline.label-outline-dark
,.label-outline.label-outline-dark:hover  {
    --btn-border-color: var(--dark);
    --btn-hover-bg: var(--dark);
    --btn-color:  var(--dark);
    --btn-hover-color:  var(--white);
   
}

.btn-outline.btn-outline-black
,.label-outline.label-outline-black
,.label-outline.label-outline-black:hover  {
    --btn-border-color: var(--black);
    --btn-hover-bg: var(--black);
    --btn-color:  var(--black);
    --btn-hover-color:  var(--white);
}


.btn-outline.btn-outline-red
,.label-outline.label-outline-red
,.label-outline.label-outline-red:hover  {
    --btn-border-color: var(--red);
    --btn-hover-bg: var(--red);
    --btn-color:  var(--red);
    --btn-hover-color:  var(--white);
}

.btn-outline.btn-outline-blue
,.label-outline.label-outline-blue
,.label-outline.label-outline-blue:hover  {
    --btn-border-color: var(--blue);
    --btn-hover-bg: var(--blue);
    --btn-color:  var(--blue);
    --btn-hover-color:  var(--white);
}

.btn-outline.btn-outline-orange
,.label-outline.label-outline-orange
,.label-outline.label-outline-orange:hover  {
    --btn-border-color: var(--orange);
    --btn-hover-bg: var(--orange);
    --btn-color:  var(--orange);
    --btn-hover-color:  var(--white);
}

.btn-outline.btn-outline-green
,.label-outline.label-outline-green
,.label-outline.label-outline-green:hover  {
    --btn-border-color: var(--green);
    --btn-hover-bg: var(--green);
    --btn-color:  var(--green);
    --btn-hover-color:  var(--white);
}

.btn-outline.btn-outline-featured
,.label-outline.label-outline-featured
,.label-outline.label-outline-featured:hover {
    --btn-border-color: var(--feature-border-color);
    --btn-hover-bg: var(--feature-bg-color);
    --btn-color:  var(--feature-bg-color);
    --btn-hover-color:  var(--white);
    --btn-bg: var(--white);

}

.btn-outline.btn-outline-featured-2 {
    --btn-border-color: var(--feature-border-color);
    --btn-hover-border-color: var(--feature-border-color);
    --btn-hover-bg: var(--white);
    --btn-color:  var(--black);
    --btn-hover-color:  var(--feature-font-color);
    --btn-bg: var(--white);

}

.btn-featured,.btn-featured-2 {
    color: var(--white);
    background: var(--feature-bg-color);
    border: 1px solid var(--feature-bg-color);
    /*--btn-hover-color: #000;
    --btn-hover-bg: #dee2e6;
    --btn-hover-border-color: #aaa;*/
   
}

.btn-featured:hover {
    color: var(--feature-font-color);
    background: var(--gray-200);
    border: 1px solid var(--feature-border-color);
    /*--btn-hover-color: #000;
    --btn-hover-bg: #dee2e6;
    --btn-hover-border-color: #aaa;*/
   
}

.btn-featured-2:hover {
    color: var(--feature-font-color);
    background: var(--white);
    border: 1px solid var(--feature-border-color);
    font-weight: bold;
    /*--btn-hover-color: #000;
    --btn-hover-bg: #dee2e6;
    --btn-hover-border-color: #aaa;*/
   
}

.text-featured,
.text-featured *{
	color: var(--feature-font-color) !important;
}

.bg-featured{
	background-color: var(--feature-bg-color);
}

.border-featured{
	border-color: var(--feature-bg-color);
}
.border-left-featured{
	border-left: 3px solid var(--feature-bg-color);
}

.light-bg-featured{
	background-color: rgb(241 101 67 / 30%);
}

/*
 .btn-primary {
    color: #fff;
    background-color: #303641;
    border-color: #252a32;
    color: #777;
    background: #fff;
    border: 1px solid #ccc;
}
 */ 
 
.active-menu-item{
	/*background: darkgoldenrod;
    color: #fff;*/
    color: var(--feature-font-color) !important;
}


/*Logo*/
/*.logo img{
	filter: drop-shadow(0rem -0rem 0.75rem var(--feature-bg-color)) contrast(1.75);
}*/


/*Default Skin Customization*/
body .page-container .navbar *{
    color: var(--gray-500);
    
}
body .page-container .navbar .badge {
    /*background-color: var(--gray-400);*/
   color: var(--gray-700);
   
}

body .page-container .searchForm .input-group *{
	background-color: #fff;
	border-color: #ebebec;
	color: var(--gray-600);
}

body .page-container .searchForm .input-group .input-group-addon{
	border:none;
}
body .page-container .searchForm .input-group .input-group-addon>i{
	color: var(--gray-500);
}

.text-primary {
    color: #949494 !important;
}

.btn.scrollTop {
    background: var(--gray-400);
    color: #fff;
    position: fixed;
    right: 5px;
    top: auto;
    left: auto;
    bottom: 10px;
    z-index: 20;
    border-radius: 0;
    /*border-radius: 50% 0 0 50%;*/
    padding: 10px 12px;
}


/*Product Description*/
.expand-block .collapse.in { display: inline !important; }
.expand-block a {
	color: var(--blue);
    font-size: 1.2rem;
}
.expand-block a.collapsed::after { content: 'See more'; }
.expand-block a:not(.collapsed)::after { content: 'See less'; }

.tile-stats .icon i {
    font-size: 50px;
  }
  

.fixed-alert {
    position: fixed;
    bottom: 0px;
    top: auto;
    right: 5px;
    z-index: 9999;
    transition: all 0.1s;
}

#autosuggest-results{
	padding: 5px;
	background-color: #F7F7F7;
	box-shadow: rgb(204, 204, 204) 0px 0px 4px 2px;
	white-space:normal;
    overflow: auto;
    /*width: 300px;
    min-width: 70%;*/
    max-height: 300px;
    overflow: auto;
   
}


.flex-hcenter-block {
    display: flex;
    width: 100%;
    justify-content: center;
}

.large-msg {
    /* font-size: 100px; */
    font-size: 5vw;
    letter-spacing: 2rem;
    color: #B2B2B2;
    /* opacity: 0.4; */
    letter-spacing: 2vw;
}
#error_msg,
#start_msg,
.fixed-err-msg{
	display: block;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(255 127 80 / 90%);
    color: #fff !important;
    padding: 20px 30px; 
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 100%;
    min-width: 400px;
    animation: fadeIn 0.5s ease-in-out;
}

/* Close Button (X) */
.fixed-err-msg::after {
    content: "×"; /* Close icon */
    position: absolute;
    top: 15px;
    right: 10px;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: white;
    transition: opacity 0.3s;
}