.jq-toast-wrap,
.jq-toast-wrap * {
   margin: 0;
   padding: 0;
}

.jq-toast-wrap {
   display: block;
   position: fixed;
   width: 250px;
   pointer-events: none !important;
   letter-spacing: normal;
   z-index: 9000 !important;
}

.jq-toast-wrap.bottom-left {
   bottom: 20px;
   left: 20px;
}

.jq-toast-wrap.bottom-right {
   bottom: 20px;
   right: 65px;
}

.jq-toast-wrap.top-left {
   top: 20px;
   left: 20px;
}

.jq-toast-wrap.top-right {
   top: 20px;
   right: 40px;
}

.jq-toast-single {
   display: block;
   width: 100%;
   padding: 10px;
   margin: 0 0 5px;
   border-radius: 4px;
   font-size: 14px;
   font-family: arial, sans-serif;
   line-height: 17px;
   position: relative;
   pointer-events: all !important;
   background-color: #444;
   color: #fff;
}

.jq-toast-single h2 {
   font-family: arial, sans-serif;
   font-size: 16px;
   margin: 0 0 7px;
   background: 0 0;
   color: inherit;
   line-height: inherit;
   letter-spacing: normal;
}

.jq-toast-single a {
   color: #eee;
   text-decoration: none;
   font-weight: 700;
   border-bottom: 1px solid #fff;
   padding-bottom: 3px;
   font-size: 12px;
}

.jq-toast-single ul {
   margin: 0 0 0 15px;
   background: 0 0;
   padding: 0;
}

.jq-toast-single ul li {
   list-style-type: disc !important;
   line-height: 17px;
   background: 0 0;
   margin: 0;
   padding: 0;
   letter-spacing: normal;
}

.close-jq-toast-single {
   position: absolute;
   top: 3px;
   right: 17px;
   font-size: 21px;
   cursor: pointer;
}

.jq-icon-message .close-jq-toast-single {
   color: #776bb287;
}

.jq-toast-loader {
   display: none;
   position: absolute;
   top: -2px;
   height: 5px;
   width: 0;
   left: 0;
   border-radius: 5px;
   background: red;
}

.jq-toast-loaded {
   width: 100%;
}

.jq-has-icon {
   padding: 10px 10px 10px 50px;
   background-repeat: no-repeat;
   background-position: 10px;
}

.jq-icon-info {
   background-color: var(--purple);
   color: #fff;
}

.jq-icon-info:before {
   content: "\e84c";
   font-family: "icons";
   position: absolute;
   left: 15px;
   top: 13px;
   font-size: 2rem;
   opacity: 0.8;
   transform: translate(0, 50%);
}

.jq-icon-info h2.jq-toast-heading {
   font-family: "poppins";
   font-weight: 400;
   padding: 6px;
   font-size: 1.3rem;
   opacity: 0.9;
   line-height: 25px;
   margin-bottom: 0;
}

.jq-icon-message {
   background: #faf9ff;
   border: 1px solid var(--primary);
   box-shadow: 1px 1px 4px #776bb287;
   font-family: "CeraRound";
   color: var(--purple-text);
   font-size: 1rem;
}

.jq-icon-message:before,
.jq-icon-message-success:before,
.jq-icon-message-error:before {
   content: "\e84a";
   font-family: "icons";
   position: absolute;
   left: 15px;
   top: 13px;
   font-size: 0.9rem;
   opacity: 0.8;
   background: var(--primary);
   width: 20px;
   height: 20px;
   line-height: 21px;
   border-radius: 20px;
   color: #fff;
   text-align: center;
}

.jq-icon-message-success:before {
   background: var(--green);
   content: "\e817";
}

.jq-icon-message-success h2.jq-toast-heading {
   color: var(--green);
}

.jq-icon-message-success {
   background: #fbfffa;
   border: 1px solid var(--green);
   box-shadow: 1px 1px 4px #776bb287;
   font-family: "CeraRound";
   color: var(--purple-text);
   font-size: 1rem;
}

.jq-icon-message-error h2.jq-toast-heading {
   color: var(--red);
}

.jq-icon-message-error {
   background: #fffbfb;
   border: 1px solid var(--red);
   box-shadow: 1px 1px 4px #b26b6b87;
   font-family: "CeraRound";
   color: var(--purple-text);
   font-size: 1rem;
}

.jq-icon-message-error:before {
   color: var(--red);
   background: none;
   content: "\f12a";
   font-size: 1.3rem;
}

.jq-icon-warning:before,
.jq-icon-error:before,
.jq-icon-success:before,
.jq-icon-access:before {
   font-family: "icons";
   position: absolute;
   left: 11px;
   top: 22px;
   font-size: 1.6rem;
}

.jq-icon-warning {
   background-color: #8a6d3b;
   color: #fcf8e3;
   border-color: #faebcc;
}

.jq-icon-warning:before {
   content: "\f12a";
}

.jq-icon-error,
.jq-icon-access {
   background-color: #c6410e;
   color: #f2dede;
   border-color: #ebccd1;
}

.jq-icon-error:before {
   content: "\f12a";
}

.jq-icon-access:before {
   content: "\e817";
}

.jq-icon-success {
   color: #dff0d8;
   background-color: #3c763d;
   border-color: #d6e9c6;
}

.jq-icon-success:before {
   content: "\e80e";
}