/* Text Sizing */

.smalltext {
	font-size: 1.0em;
	line-height: 1.0;
}
.smalltext-centre {
	font-size: 1.0em;
	line-height: 1.0;
	text-align: center;
	padding: 35px;
}
.medtext {
	font-size: 1.5em;
	line-height: 1.2;
}
.medtext-padded {
	font-size: 1.5em;
	line-height: 1.2;
	padding: 10px 1px 10px 1px;
}
.medtext-white {
	font-size: 1.5em;
	line-height: 1.2;
    color:#fff;
}
.medtext-centre {
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	padding: 35px;
}
.medtext-centre-white {
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
    color:#fff;
}

.medtext-centre-white-background {
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
    color:#3d4451;
}
.midtext {
	font-size: 1.2em;
	line-height: 1.2;
}
.midtext-white {
	font-size: 1.2em;
	line-height: 1.2;
    color:#fff;
}
.midtext-centre {
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	padding: 35px;
}
.midtext-centre-white {
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
    color:#fff;
}

.midtext-centre-white-background {
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
    color:#3d4451;
}
.medtext1-centre-white-background {
	font-size: 2.0em;
	line-height: 1.2;
	text-align: center;
    color:#3d4451;
}
.medtext20 {
	font-size: 2.0em;
	line-height: 1.2;
    color:#3d4451;
}
.customlabel26{
	font-size: 1.2em; 
	font-weight: 400; 
	color: #475569; 
	display: block; 
	margin-bottom: 8px;
	}
.medtext2-centre-white {
	font-size: 2.0em;
	line-height: 1.2;
	text-align: center;
    color:#fff;
}
.largetext-centre-white-background {
	font-size: 2.5em;
	line-height: 1.2;
	text-align: center;
    color:#3d4451;
}
.largetext {
	font-size: 2.5em;
	line-height: 1.2;
}
.largetext35 {
	font-size: 3.5em;
	line-height: 1.3;
}
.largetext35-centre {
	font-size: 3.5em;
	line-height: 1.3;
    text-align: center;
}
.largetext35-centre-padded {
	padding: 15px;
	font-size: 3.5em;
	line-height: 1.3;
    text-align: center;
}
.largetext-white {
	font-size: 2.5em;
	line-height: 1.2;
    color:#fff;
}
.largetext-centre {
	font-size: 2.5em;
	line-height: 1.2;
	text-align: center;
}
.largetext-centre-white {
	font-size: 2.5em;
	line-height: 1.2;
	text-align: center;
	color:#fff;
}
.largetext1 {
	font-size: 2.5em;
	line-height: 1.2;
	padding: 50px 0;
	text-align: right;
		
}
.largetext-left {
	font-size: 2.5em;
	line-height: 1.2;
	text-align: left;
}
.x-largetext {
	font-size: 4.0em;
	line-height: 1.2;
	text-align: center;
}
.x-largetext-white {
	font-size: 4.0em;
	line-height: 1.2;
	text-align: center;
    color:#fff;
}
.x-largetext-left {
	font-size: 4.0em;
	line-height: 1.2;
	text-align: left;
}

/* Swalfire Modals */

.swal-wide{
    width:850px !important;
}

/* Form Panels */

.rc{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .rc-white{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color: #504e4e;
  }
  .rc-white:hover{
	background-color:#fff;
	color: #504e4e;
  }
  .rc-grey{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #504e4e;
  }
  .rc-grey:hover{
	background-color:#504e4e;
	color: #fff;
  }
  .rc-dark{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #272738;
  }
  .rc-dark:hover{
	background-color:#272738;
	color: #fff;
  }
  .rc-red{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #9b0707;
  }
  .rc-red:hover{
	background-color:#9b0707;
	color: #fff;
  }
  .rc-orange{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #FD7400;
  }
  .rc-orange:hover{
	background-color:#FD7400;
	color: #fff;
  }
  .rc-success{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #115a32;
  }
  .rc-success:hover{
	background-color:#115a32;
	color: #fff;
  }
  .rc-green{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #a9ce4d;
  }
  .rc-green:hover{
	background-color:#a9ce4d;
	color: #fff;
  }
  .rc-blue{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #96d8f7;
  }
  .rc-blue:hover{
	background-color:#96d8f7;
	color: #000;
  }
  .rc-yellow{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #dff099;
  }
  .rc-yellow:hover{
	background-color:#dff099;
	color: #000;
  }
  .rc-pink{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #fba1d1;
  }
  .rc-pink:hover{
	background-color:#fba1d1;
	color: #000;
  }
  .rc-secondary{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #6c757d;
  }
  .rc-secondary:hover{
	background-color:#6c757d;
	color: #fff;
  }
  .rc-white-border{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	border: 1px solid #504e4e;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color: #504e4e;
  }
  .rc-white-border:hover{
	background-color:#fff;
	color: #504e4e;
  }
  .rc-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .rc-white-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color: #504e4e;
  }
  .rc-grey-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #504e4e;
  }
  .rc-dark-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #272738;
  }
  .rc-red-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #9b0707;
  }
  .rc-orange-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #FD7400;
  }
  .rc-success-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #115a32;
  }
  .rc-green-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #a9ce4d;
  }
  .rc-blue-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #96d8f7;
  }
  .rc-yellow-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #dff099;
  }
  .rc-pink-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #fba1d1;
  }
  .rc-secondary-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #6c757d;
  }
  .rc-white-border-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	border: 1px solid #504e4e;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color: #504e4e;
  }
  .panel-rc{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .panel-rc-white{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color: #504e4e;
  }
  .panel-rc-grey{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #504e4e;
  }
  .panel-rc-dark{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #272738;
  }
  .panel-rc-red{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #9b0707;
  }
  .panel-rc-orange{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #FD7400;
  }
  .panel-rc-success{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #115a32;
  }
  .panel-rc-green{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #a9ce4d;
  }
  .panel-rc-blue{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #96d8f7;
  }
  .panel-rc-yellow{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #dff099;
  }
  .panel-rc-pink{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#000;
	background-color: #fba1d1;
  }
  .panel-rc-secondary{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	color:#fff;
	background-color: #6c757d;
  }
  .panel-rc-white-border{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	border: 1px solid #504e4e;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#fff;
	color: #504e4e;
  }
  .rc-light-red-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	border: 1px solid #504e4e;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#f9d7da;
	color: #000;
  }
 
  .panel-rc-light-red{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#f9d7da;
	color: #000;
  }
  .rc-light-green-nohover{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	border: 1px solid #504e4e;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#d5edda;
	color: #000;
  }
 
  .panel-rc-light-green{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	border-radius: 1em;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#d5edda;
	color: #000;
  }

  .panel-rounded {
	border-radius: 1em;
	border: 1px solid #504e4e;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }

  /* Panel Header Colours */

.header-light-green{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	/* border-radius: 1em; */
	border-radius: 1em 1em 0 0;
	/* border: 1px solid #504e4e; */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#d5edda;
	color: #000;
  }
  .header-light-red{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	/* border-radius: 1em; */
	border-radius: 1em 1em 0 0;
	/* border: 1px solid #504e4e; */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#f9d7da;
	color: #000;
  }
  .header-light-grey{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	/* border-radius: 1em; */
	border-radius: 1em 1em 0 0;
	/* border: 1px solid #504e4e; */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#6c757d;
	color: #fff;
  }
  .header-dark-grey{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	/* border-radius: 1em; */
	border-radius: 1em 1em 0 0;
	/* border: 1px solid #504e4e; */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#272738;
	color: #fff;
  }
  .header-light-orange{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	/* border-radius: 1em; */
	border-radius: 1em 1em 0 0;
	/* border: 1px solid #504e4e; */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#FD7400;
	color: #fff;
  }
  .header-light-yellow{
	/* margin-top: 2em;
	padding: 0.5em 0.5em 0.5em; */
	/* border-radius: 1em; */
	border-radius: 1em 1em 0 0;
	/* border: 1px solid #504e4e; */
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	background-color:#dff099;
	color: #000;
  }
  /* Form Buttons */
  
  .lg-button-success {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#fff;
	background-color: #115a32;
  }
  .btn-rounded {
	border-radius: 0.5em;
  }
  .xl-button-success {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#fff;
	background-color: #115a32;
  }
  .lg-button-alert {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#fff;
	background-color: #9b0707;
  }
  .xl-button-alert {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#fff;
	background-color: #9b0707;
  }
  .lg-button-blue {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#000;
	background-color: #96d8f7;
  }
  .xl-button-blue {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#000;
	background-color: #96d8f7;
  }
  .lg-button-secondary {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#fff;
	background-color: #6c757d;
  }
  .xl-button-secondary {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#fff;
	background-color: #6c757d;
  }
  .lg-button-yellow {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#000;
	background-color: #dff099;
  }
  .xl-button-yellow {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#000;
	background-color: #dff099;
  }
  .lg-button-green {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#000;
	background-color: #a9ce4d;
  }
  .xl-button-green {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#000;
	background-color: #a9ce4d;
  }
  .button-light-orange {
	border-radius: 0.5em;
	font-size: 1.2em; 
	text-align: center; 
	color:#000;
	background-color: #FD7400;
  }
  .lg-button-orange {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#fff;
	background-color: #FD7400;
  }
  .xl-button-orange {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#fff;
	background-color: #FD7400;
  }
  .button-light-green {
	border-radius: 0.5em;
	font-size: 1.1em; 
	text-align: center; 
	color:#000;
	background-color: #d5edda;
  }
  .lg-button-light-green {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#000;
	background-color: #d5edda;
  }
  .xl-button-light-green {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#000;
	background-color: #d5edda;
  }
  .button-light-red {
	border-radius: 0.5em;
	font-size: 1.1em; 
	text-align: center; 
	color:#000;
	background-color: #f9d7da;
  }
  .lg-button-light-red {
	border-radius: 0.5em;
	font-size: 2.5em; 
	text-align: center; 
	color:#000;
	background-color: #f9d7da;
  }
  .xl-button-light-red {
	border-radius: 0.5em;
	font-size: 3.0em; 
	text-align: center; 
	color:#000;
	background-color: #f9d7da;
  }
  /* Textarea Settings*/

  .textarea
  {
	width:100%;
  }
  .textwrapper
  {
	border:1px solid #999999;
	margin:5px 0;
	padding:3px;
  }
  /* Responsive Cards */

  .card-text-responsive{
	font-size:1.1em;
  
  }
  .card-text-header{
	font-size:1.6em;
  
  }
  
  /* Custom Select Formatting */

  .custom-select {
	position: relative;
	font-family: Arial;
  }
  
  .custom-select select {
	display: none; /*hide original SELECT element:*/
  }
  
  .select-selected {
	background-color: DodgerBlue;
  }
  /*style the arrow inside the select element:*/
  .select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #fff transparent transparent transparent;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
	border-color: transparent transparent #fff transparent;
	top: 7px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
	color: #ffffff;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
  }
  
  /*style items (options):*/
  .select-items {
	position: absolute;
	background-color: DodgerBlue;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
	display: none;
  }
  
  .select-items div:hover, .same-as-selected {
	background-color: rgba(0, 0, 0, 0.1);
  }

  /* Table Row Colours */
  .table-row-green{
	color:#000;
	background-color: #a9ce4d;
  }
  .table-row-orange{
	color:#fff;
	background-color: #FD7400;
  }
  .table-row-yellow{
	color:#000;
	background-color: #dff099;
  }
  .table-row-white{
	color:#000;
	background-color: #ffffff;
  }
  .table-row-secondary{
	color:#000;
	background-color: #6c757d;
  }
  .table-row-lt-green{
	color:#000;
	background-color: #d5edda;
  }
  .table-row-lt-red{
	background-color:#f9d7da;
	color: #000;
  }
  .toast {
	position: fixed;
	top: 20px;
	right: 20px;
	color: #fff;
	padding: 15px 25px;
	border-radius: 8px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	z-index: 9999;
  }

  .toast.show {
	opacity: 1;
	transform: translateY(0);
  }
  .toast .material-icons {
	font-size: 24px;
    vertical-align: middle;
  }
  /* Color Themes */
  .toast-success { background-color: #28a745; } /* green */
  .toast-info    { background-color: #007bff; } /* blue */
  .toast-warning { background-color: #fd7e14; } /* orange */
  .toast-danger  { background-color: #dc3545; } /* red */
  .toast-green  { color:#000; background-color: #a9ce4d; } /* green */
  .toast-light-green  { color:#000; background-color: #d5edda; } /* light green */
  .toast-light-red  { color:#000; background-color: #f9d7da; } /* light green */
  .toast-yellow  { color:#000; background-color: #dff099; } /* yellow */
  .toast-orange {color:#fff;background-color: #FD7400;} /* orange */