.toast-title {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  color: #E3E2E6;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.033px; }

.toast-message a,
.toast-message label {
  color: #ffffff; }

.toast-message a:hover {
  color: #cccccc;
  text-decoration: underline; }

.toast a {
  color: #ffffff;
  text-decoration: none; }

.toast a:hover {
  color: #cccccc;
  text-decoration: underline;
  opacity: 0.9; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40); }

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/ }

#toast-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 0 center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }

#toast-container > div:hover {
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto; }

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto; }

.toast {
  background-color: #030303; }

.toast-success {
  background-color: #51a351; }

.toast-error {
  background-color: #bd362f !important; }

.toast-info {
  background-color: #2f96b4; }

.toast-warning {
  background-color: #f89406; }

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1; }

.toast-success .toast-progress {
  background-color: #22c46c; }

.toast-error .toast-progress {
  background-color: #DE3730; }

.toast-info .toast-progress {
  background-color: #21B6F8; }

.toast-warning .toast-progress {
  background-color: #FABD1B; }

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em; }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em; } }

/*  THEME COLORs
========================================================================== */
/* Looks good on chrome default color profile */
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
/* looks good in sRGB but washed up on chrome default 
$color-primary:						#826bb0;
$color-success:						#31cb55;
$color-info:						#5e93ec;
$color-warning:						#eec559;
$color-danger:						#dc4b92;
$color-fusion:						darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
/*  Color Polarity
========================================================================== */
/*  PAINTBUCKET MIXER
========================================================================== */
/* the grays */
/* the sapphires */
/* the emeralds */
/* the amethyths */
/* the topaz */
/* the rubies */
/* the graphites */
/*  Define universal border difition (div outlines, etc)
========================================================================== */
/*  MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
========================================================================== */
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
/* bootstrap reference xs: 0,  sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
/* global var used for spacing*/
/* Uniform Padding variable */
/* Heads up! This is a global scoped variable - changing may impact the whole template */
/*   BOOTSTRAP OVERRIDES (bootstrap variables)
========================================================================== */
/* usage: theme-colors("primary"); */
/* forms */
/*$input-height:							calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
/* links */
/* checkbox */
/*$custom-file-height-inner:				calc(2.25rem - 1px);*/
/* not part of bootstrap variable */
/* custom checkbox */
/* custom range */
/* custom file */
/* badge */
/* cards */
/*border radius*/
/* alert */
/* toast */
/* breadcrumb */
/* input button */
/* nav link */
/* nav, tabs, pills */
/* tables */
/* dropdowns */
/* dropdowns sizes */
/* popovers */
/* tooltips */
/* modal */
/* reference guide
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
17px = 1.0625rem
18px = 1.125rem
19px = 1.1875rem
20px = 1.25rem
21px = 1.3125rem
22px = 1.375rem
24px = 1.5rem
25px = 1.5625rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
*/
/* Fonts */
/* carousel */
/*  BASE VARS
========================================================================== */
/* font vars below will auto change to rem values using function rem($value)*/
/* 11px   */
/* 12px   */
/* 12.5px */
/* 14px   */
/* 15px   */
/* 16px   */
/* 28px   */
/*  Font Family
========================================================================== */
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
/*  ANIMATIONS
========================================================================== */
/* this addresses all animation related to nav hide to nav minify */
/*  Z-INDEX declearation
========================================================================== */
/* we adjust bootstrap z-index to be higher than our higest z-index*/
/*  CUSTOM ICON PREFIX 
========================================================================== */
/*  PRINT CSS (landscape or portrait)
========================================================================== */
/* landscape or portrait */
/* auto, letter */
/*  Common Element Variables
========================================================================== */
/* Z-index decleartion "birds eye view"
========================================================================== */
/*  Components
========================================================================== */
/*  PAGE HEADER STUFF
========================================================================== */
/* colors */
/* height */
/* logo */
/* try not to go beywond the width of $main_nav_width value */
/* you may need to change this depending on your logo design */
/* adjust this as you see fit : left, right, center */
/* icon font size (not button) */
/* search input box */
/* suggestion: #ccced0*/
/* btn */
/* dropdown: app list */
/* badge */
/* COMPONENTS & MODS */
/*  NAVIGATION STUFF

Guide:

aside.page-sidebar ($nav-width, $nav-background)
	.page-logo
	.primary-nav
		.info-card
		ul.nav-menu
			li
				a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
					icon 
					span
					collapse-sign 
					
				ul.nav-menu-sub-one  
					li
						a ($nav-level-1... $nav-sub-link-height)
							span
							collapse-sign

						ul.nav-menu-sub-two
							li
								a ($nav-level-2... $nav-sub-link-height)
									span

		p.nav-title ($nav-title-*...)


========================================================================== */
/* main navigation */
/* left panel */
/* nav footer */
/* nav parent level-0 */
/* nav link level-1 */
/* nav level-1 bg */
/* nav icon sizes */
/* badge default */
/* all child */
/* nav title */
/* nav Minify */
/* when the menu pops on hover */
/* navigation Width */
/* partial visibility of the menu */
/* top navigation */
/* nav Info Card (appears below the logo) */
/* width is auto */
/* nav DL labels for all child */
/* will be pulled to left as a negative value */
/*   MISC Settings
========================================================================== */
/* List Table */
/*   PAGE SETTINGS
========================================================================== */
/*   PAGE BREADCRUMB 
========================================================================== */
/*   PAGE COMPONENT PANELS 
========================================================================== */
/*   PAGE COMPONENT PROGRESSBARS 
========================================================================== */
/*   PAGE COMPONENT MESSENGER 
========================================================================== */
/*   FOOTER
========================================================================== */
/*   GLOBALS
========================================================================== */
/* ACCESSIBILITIES */
/* SHORTCUT BUTTON (appears on bottom right of the page) */
/* GULP WARNINGS */
.toast {
  background-color: #2e3038;
  background-image: none !important;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .toast:before {
    content: "\e9b6";
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(166, 170, 193, 0.12);
    font-family: 'msp-icon-font';
    font-size: 18px;
    line-height: 1; }
  .toast:after {
    content: "";
    position: absolute;
    left: -20px;
    right: -20px;
    bottom: -11px;
    height: 14px;
    border-radius: 10px;
    transform-origin: left center;
    -webkit-animation: toast-progress-decrease linear forwards;
            animation: toast-progress-decrease linear forwards;
    -webkit-animation-duration: var(--toast-timeout, 5000ms);
            animation-duration: var(--toast-timeout, 5000ms); }

@-webkit-keyframes toast-progress-decrease {
  from { -webkit-transform: scaleX(1); transform: scaleX(1); }
  to   { -webkit-transform: scaleX(0); transform: scaleX(0); } }

@keyframes toast-progress-decrease {
  from { -webkit-transform: scaleX(1); transform: scaleX(1); }
  to   { -webkit-transform: scaleX(0); transform: scaleX(0); } }

.toast-success {
  background-color: #2e3038 !important;
  background-image: linear-gradient(93deg, rgba(34, 196, 108, 0.12) 0%, rgba(0, 0, 0, 0.25) 98.9%) !important; }
  .toast-success:before {
    content: "\e95d";
    color: #22c46c; }
  .toast-success:after {
    background-color: #22c46c;
    -webkit-box-shadow: 0 0 4px 2px rgba(34, 196, 108, 0.5);
            box-shadow: 0 0 4px 2px rgba(34, 196, 108, 0.5); }

.toast-error {
  background-color: #2e3038 !important;
  background-image: linear-gradient(93deg, rgba(222, 55, 48, 0.12) 0%, rgba(0, 0, 0, 0.25) 98.9%) !important; }
  .toast-error:before {
    content: "\e90b";
    color: #DE3730; }
  .toast-error:after {
    background-color: #DE3730;
    -webkit-box-shadow: 0 0 4px 2px rgba(222, 55, 48, 0.5);
            box-shadow: 0 0 4px 2px rgba(222, 55, 48, 0.5); }

.toast-info {
  background-color: #2e3038 !important;
  background-image: linear-gradient(93deg, rgba(33, 182, 248, 0.12) 0%, rgba(0, 0, 0, 0.25) 98.9%) !important; }
  .toast-info:before {
    content: "\e9b6";
    color: #21B6F8; }
  .toast-info:after {
    background-color: #21B6F8;
    -webkit-box-shadow: 0 0 4px 2px rgba(33, 182, 248, 0.5);
            box-shadow: 0 0 4px 2px rgba(33, 182, 248, 0.5); }

.toast-warning {
  background-color: #2e3038 !important;
  background-image: linear-gradient(93deg, rgba(250, 189, 27, 0.12) 0%, rgba(0, 0, 0, 0.25) 98.9%) !important; }
  .toast-warning > div,
  .toast-warning .toast-close-button {
    color: #fff; }
  .toast-warning:before {
    content: "\e98c";
    color: #FABD1B; }
  .toast-warning:after {
    background-color: #FABD1B;
    -webkit-box-shadow: 0 0 4px 2px rgba(250, 189, 27, 0.5);
            box-shadow: 0 0 4px 2px rgba(250, 189, 27, 0.5); }

#toast-container > .toast {
  padding: 12px 16px 12px 64px;
  border-radius: 5px;
  min-width: 380px;
  min-height: 82px;
  opacity: 1;
  -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14); }
  #toast-container > .toast:hover {
    -webkit-box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.28), 0px 8px 36px 0px rgba(0, 0, 0, 0.18), 0px 20px 32px 0px rgba(0, 0, 0, 0.20);
            box-shadow: 0px 10px 14px 0px rgba(0, 0, 0, 0.28), 0px 8px 36px 0px rgba(0, 0, 0, 0.18), 0px 20px 32px 0px rgba(0, 0, 0, 0.20); }

.toast-close-button {
  top: -0.7em; }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > .toast {
    width: 18rem; }
  #toast-container .toast-close-button {
    top: -0.7em; } }

@media all and (max-width: 600px) {
  #toast-container.toast-top-right,
  #toast-container.toast-top-left,
  #toast-container.toast-bottom-right,
  #toast-container.toast-bottom-left {
    left: 14px;
    right: 14px; }
  #toast-container > .toast {
    width: 100%;
    max-width: 100%; } }

/* Light Theme Overrides */
body.mod-vw:not(.mod-skin-dark) .toast {
  background-color: #fff; }

body.mod-vw:not(.mod-skin-dark) .toast:before {
  background-color: rgba(0, 0, 0, 0.08); }

body.mod-vw:not(.mod-skin-dark) .toast .toast-title {
  color: #414659; }

body.mod-vw:not(.mod-skin-dark) .toast .toast-message {
  color: #5c5e66; }

body.mod-vw:not(.mod-skin-dark) .toast-message a,
body.mod-vw:not(.mod-skin-dark) .toast-message label {
  color: #414659; }

body.mod-vw:not(.mod-skin-dark) .toast-close-button {
  color: #414659;
  -webkit-text-shadow: none;
  text-shadow: none; }

body.mod-vw:not(.mod-skin-dark) .toast-close-button:hover,
body.mod-vw:not(.mod-skin-dark) .toast-close-button:focus {
  color: #191c22; }

body.mod-vw:not(.mod-skin-dark) .toast-success {
  background-color: #fff !important;
  background-image: linear-gradient(93deg, rgba(34, 196, 108, 0.1) 0%, rgba(255, 255, 255, 0) 98.9%) !important; }

body.mod-vw:not(.mod-skin-dark) .toast-error {
  background-color: #fff !important;
  background-image: linear-gradient(93deg, rgba(222, 55, 48, 0.1) 0%, rgba(255, 255, 255, 0) 98.9%) !important; }

body.mod-vw:not(.mod-skin-dark) .toast-info {
  background-color: #fff !important;
  background-image: linear-gradient(93deg, rgba(33, 182, 248, 0.1) 0%, rgba(255, 255, 255, 0) 98.9%) !important; }

body.mod-vw:not(.mod-skin-dark) .toast-warning {
  background-color: #fff !important;
  background-image: linear-gradient(93deg, rgba(250, 189, 27, 0.1) 0%, rgba(255, 255, 255, 0) 98.9%) !important; }

body.mod-vw:not(.mod-skin-dark) .toast-success:after {
  -webkit-box-shadow: 0 0 4px 2px rgba(34, 196, 108, 0.25);
  box-shadow: 0 0 4px 2px rgba(34, 196, 108, 0.25); }

body.mod-vw:not(.mod-skin-dark) .toast-error:after {
  -webkit-box-shadow: 0 0 4px 2px rgba(222, 55, 48, 0.25);
  box-shadow: 0 0 4px 2px rgba(222, 55, 48, 0.25); }

body.mod-vw:not(.mod-skin-dark) .toast-info:after {
  -webkit-box-shadow: 0 0 4px 2px rgba(33, 182, 248, 0.25);
  box-shadow: 0 0 4px 2px rgba(33, 182, 248, 0.25); }

body.mod-vw:not(.mod-skin-dark) .toast-warning:after {
  -webkit-box-shadow: 0 0 4px 2px rgba(250, 189, 27, 0.25);
  box-shadow: 0 0 4px 2px rgba(250, 189, 27, 0.25); }

body.mod-vw:not(.mod-skin-dark) #toast-container > .toast {
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 2px 16px 0px rgba(0, 0, 0, 0.06), 0px 8px 12px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 2px 16px 0px rgba(0, 0, 0, 0.06), 0px 8px 12px 0px rgba(0, 0, 0, 0.07);
  border: 1px solid rgba(0, 0, 0, 0.08); }

body.mod-vw:not(.mod-skin-dark) #toast-container > .toast:hover {
  -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12), 0px 4px 24px 0px rgba(0, 0, 0, 0.09), 0px 12px 18px 0px rgba(0, 0, 0, 0.10);
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12), 0px 4px 24px 0px rgba(0, 0, 0, 0.09), 0px 12px 18px 0px rgba(0, 0, 0, 0.10); }

/*# sourceMappingURL=toastr.css.map */