* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.col-md-5 {
  position: relative;
}

.pointer {
  cursor: pointer;
}

.pointerNone {
  cursor: none;
}

.textError,
.error {
  color: #fd7e14;
}

.errors ul {
  padding-left: 0px;
}

.errors ul li {
  list-style-type: none;
}

.inputError {
  border: 2px solid #fd7e14;
}

.inputGPSError {
  background-color: #f2b17a;
}

.inputRed {
  border: 2px solid #f50c23;
}

.importantRule {
  display: none !important;
}

.strike {
  text-decoration: line-through;
}

.textGreen {
  color: #17B169;
}

.TextWhite {
  color: #fff;
}

#break {
  margin-top: 20px;
}

.borderBlack {
  border: 1px solid #000;
}

.a-wsp-logo {
  position: relative;
  top: 5px;
  fill: #ff372f;
}

.zoomLink {
  position: relative;
  top: -2rem;
  margin-top: 0rem;
}

.blueZoom:hover {
  background: #2d62e4 !important;
}

#appsDiscontinuedCont {
  position: relative;
  width: fit-content;
  padding: 1rem 1rem 1rem 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  background-color: #e9dd7d;
}

#appsDiscontinuedCont p {
  margin-bottom: 0px;
}

.fadeInDiv {
  opacity: 0.2;
  /* start invisible */
  transition: opacity 1s ease-out;
  /* fade duration */
}

.fadeInDiv.visible {
  opacity: 1;
  /* fade in when visible */
}

html,
body {

  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding: 0px;
  font-family: 'Open Sans';
  max-width: 100%;
  overflow-x: hidden;

}

button:focus {
  outline: 0px auto transparent !important;
}


.App {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  z-index: 9300;
}

#headerAvatar {
  width: 30px;
  height: 30px;

}

.abs {
  position: absolute;
}

h1,
h2,
h3,
h4,
h5 {
  margin: auto !important;
}

h1 {

  font-weight: lighter;
}

h2 {
  font-size: 1.3rem !important;
  font-weight: lighter;
  margin: 1.3rem !important;
}

h3 {
  font-size: 1.2rem !important;

  margin: 1rem !important;
}

p {
  font-size: 16px;
}



a {
  color: #f50c23 !important;
}

a:link {
  color: #f50c23;
  text-decoration: none;
}

a:focus {
  color: #f50c23;
  text-decoration: none;
}

a:visited {
  color: #f50c23;
  text-decoration: none;
}

a:hover {
  color: #f50c23;
  text-decoration: underline;
  cursor: pointer;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.red {
  color: #f50c23 !important;
}

.white {
  color: #fff !important;
}

.underline {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-decoration-color: red;
}

.strike {
  text-decoration: line-through;
}

.jq-toast-single {
  background-color: #f50c23 !important;
}

.jq-toast-loader {
  display: none !important;
}

hr {
  border-top: 1px solid #f50c23 !important;
  opacity: 1;
}

.marginLeftRight10px {
  margin-left: 12px;
  margin-right: 12px;
}

.marginLeftRight14px {
  margin-left: 14px;
  margin-right: 14px;
}

iframe {
  border: 0px;
}

#avatar {
  display: none;
}

#avatar[src] {
  display: block;
}

input[type=button],
input[type=submit],
#getVideoGPXLabel {
  color: #fff;
  background-color: red;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
  border-radius: 3px;
  padding-left: 14px;
  padding-right: 14px;
}

.screenshot {
  margin-bottom: 1rem;
}

.home-p-call-to-action-div {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  background-color: #f50c23;
}

.home-p-call-to-action {
  text-align: center;
  font-size: 1.2rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  cursor: pointer;
  background-color: #f50c23;
}

.home-p-call-to-action-email {
  text-align: center;
  font-size: 1.1rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  cursor: pointer;
}



.home-p-call-to-action,
.home-p-call-to-action a {
  color: #fff !important;
}

.home-p-call-to-action a:hover {
  text-decoration: none !important;
}

.home-p-call-to-action-div:hover {
  background-color: #c60303;
}

.home-p-call-to-action-div a:hover {
  text-decoration: none;
}

.blueZoom {
  background-color: #4170e6 !important;
}

.windowsLogoIconSmall,
.appleLogoIconSmall {
  position: relative;
  top: -2px;
}

.windowsLogoIconSmall,
.appleLogoIconSmall {
  margin-right: 6px;
}

.home-p-call-to-action-mobile {
  text-align: center;
  font-size: 1.2rem
}

/* Modals */

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: hidden;
}

/*
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
*/
.modal-dialog {
  max-width: 95%;
}

.modal-dialog-small {
  max-width: 500px;
}

.modal-title {
  width: 100%;
  text-align: center;
}

/* modal-content max-height must be modal-header height (63px) more than modal-body to eliminate WKWebview modal-header height bug */
.modal-content {
  max-height: 513px;
  overflow-y: scroll;
}

.modal-body {
  max-height: 450px;
}

.modalDialogSmallContent {
  overflow-y: auto !important;
}

.pre {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

/* End Modals */

.toast {
  position: fixed;
  z-index: 10000;
  top: 10px;
  right: 10px;
  min-width: 250px;
}

#socialSignInSeperator {
  margin-top: 1rem;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 10px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.embed-container-1920-by-1200 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 10px;
}

.embed-container-1920-by-1200 iframe,
.embed-container-1920-by-1200 object,
.embed-container-1920-by-1200 embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.infoPanel {
  background-color: #fff;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.44) 0px 1px 5px;
}

.call-to-action-next {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 1rem;
  margin-bottom: 15rem;
  margin-left: 0rem !important;
}

.topup-promo-section {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 10px;
}

.topup-promo-inner {
  padding: 10px;
  background-color: #f4e9be;
  border: 2px dashed #bbb;
}

.promoH2 {
  margin-top: 0px !important;
  font-weight: bolder;
}

.topup-button-large {
  padding: 15px;
  font-size: 1.5rem;
  background-color: #f50c23;
  color: #fff;
}

/* Header other pages */

#pageMenu {
  float: left;
  margin-top: 6px;
  margin-left: 10px;
  z-index: 50;
}

#logo {
  position: relative;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;

  text-align: center;
}

#logo-center {
  position: relative;
  width: 210px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

/* End Header other pages */

/* Start Testimonial Carousel */

.testimonial-wrapper {
  width: 100%;
  max-width: 1800px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
  margin: auto;
}

.testimonial-wrapper.dragging {
  cursor: grabbing;
}

.testimonial-track {
  display: flex;
  gap: 20px;
  user-select: none;
  cursor: grab;
}

.testimonial {
  flex: 0 0 600px;
  white-space: normal;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  text-align: center;
  cursor: grab;
}

blockquote {
  background: #f9f9f9;
  margin: 1.5em 1.5em 0.3em 1.5em;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D";
  text-align: justify;
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

.baden-consulting-logo {
  display: inline;
  margin-top: 0px;
  background-color: white;
}

.standardEngUSA {
  width: 140px;
}

/* End Testimonial Carousel */

/* Start Testimonial Unlock */

.testimonialSmall {
  background: #f2e684;
  border-left: none;
  border-radius: 15px;
  margin: 1.5em 1.5em 0.3em 1.5em;
  padding: 1.2rem;
  quotes: "\201C" "\201D" "\2018" "\2019";
  text-align: justify;
  display: inline;
}

.testimonialSmall:before {
  color: #fff;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.testimonialSmall:after {
  color: #fff;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.25em;
  vertical-align: -0.4em;
}

.testimonialSmall p {
  display: inline;
}

/* End Testimonial Unlock */

#advertHeaderOther {
  position: relative;
  left: 260px;
  width: 100%;
  max-width: 805px;
  max-height: 90px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;

  display: inline-block;
}

.advertHeaderOther {
  margin-left: 0px;
  margin-right: 0px;
}

#advertMiddle {
  position: relative;
  width: 100%;
  max-width: 805px;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;

}

.advertMiddle {
  position: relative;
  margin-right: auto;
  margin-right: auto;
  display: inline-block;
}

#logoCont {
  position: absolute;
  top: 1px;
  left: 35px;
}

.navbar-brand {
  position: absolute;
  top: 0px;
  left: 0px;
}

main,
container-fluid {
  position: relative;
  clear: both;
  left: 0;
}

main {
  position: relative;
  width: 100%;

}

.row {}

#pageMenu {
  position: absolute;
  top: 8px;
  cursor: pointer;
}

#logoTitle {
  position: absolute;
  left: 80px;
}

#signUp {
  position: relative;
  top: 5px;
  float: right;
  right: 0px;
}



section {
  position: relative;
}


/* forms */

.form-group {
  margin-bottom: 0.5rem;
}




#advertBottom {
  position: relative;
  width: 320px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

footer p {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 70px;
}


/* Cookie Notice */

#cookieNoticeCont {
  position: fixed;
  left: 10px;
  bottom: 4px;
  width: 100%;
  max-width: 920px;
  margin-left: 0px;
  padding: 0;
  border: 0;
  z-index: 5000;

}


#cookieNoticeCont2 {
  position: absolute;
  width: 85%;
  bottom: 10px;
  padding: 8px;
  z-index: 2000;
  background-color: #E7FF47;
}

#cookieNoticeCont2 p {
  margin: 0px;
  font-size: 0.8rem;
  text-align: justify;
}

#cookieNoticeHide {
  padding: 6px;
  margin-top: 5px;
  float: right;
}


@media (max-width: 950px) {

  #cookieNoticeCont {
    left: 10px;
    width: 82%;
    margin-left: 0px;
  }

  #cookieNoticeCont2 p {

    font-size: 12px;

  }

}

/* Sidebar */

#sidebarFrame {
  height: 100%;
  width: 260px;
  position: fixed;
  display: none;
  z-index: 1000;
  top: 0px;
  left: 0px;
  padding: 0;
  border: 0;
  background-color: #000;
  overflow-x: hidden;


}

#sidebarMapFrame {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: -250px;
  padding: 0;
  border: 0;
  background-color: #000;
  overflow-x: hidden;


}

#sidebarTable {
  width: 100%;
  height: 100%;
}

/*
#pages-main {
  left:0px;
}
*/



#sidebarClosebtn {
  display: block;
}

.sidenav a {
  color: #FFF !important;
  text-decoration: none;
  font-size: 1.1rem;
  margin-left: 5px;
  margin-bottom: 10px;
  display: block;
  transition: 0.3s;
  text-align: left;
}

.sidenav a:link {
  color: #FFF;
  text-decoration: none;
}

.sidenav a:focus {
  color: #FFF;
  text-decoration: none;
}

.sidenav a:visited {
  color: #FFF;
  text-decoration: none;
}

.sidenav a:hover {
  color: #818181 !important;
  text-decoration: none;
  cursor: pointer;
}


#takepart {
  color: #f50c23 !important;

}

#takepart:link {
  color: #f50c23 !important;

}

#takepart:focus {
  color: #FFF;
  text-decoration: none;
}

#takepart:visited {
  color: #FFF;
  text-decoration: none;
}

#takepart:hover {
  color: #FFF !important;
  text-decoration: none;
  cursor: pointer;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

#links {
  position: relative;
  margin-top: 50px;
  height: 100%;
  overflow: hidden;

}

#linksFooter {
  font-size: 1.5rem;
}

#sidebarAdvert {
  position: absolute;
  left: 65px;
  width: 120px;
  bottom: 80px;
}

.advertRightTakePart {
  position: relative;
  background-color: #FFF;
  display: none;
}

.advertRightTakePart a {
  color: #f50c23 !important;
  font-size: 18px !important;
  margin-bottom: 0px;
}

.advertRightTakePartLink {
  color: #f50c23 !important;


}

.advertRightTakePartLink:link {
  color: #f50c23 !important;

}

.advertRightTakePartLink:focus {
  color: #f50c23 !important;
  text-decoration: underline;
}

.advertRightTakePartLink:visited {
  color: #f50c23 !important;
  text-decoration: none;
}

.advertRightTakePart a:hover {
  color: #f50c23 !important;
  text-decoration: underline;
  cursor: pointer;
}

#fbTwit {
  position: relative;
  left: 17px;
  width: 220px;
  bottom: 0px;
  margin-top: 10px;
  list-style: none;
  padding-left: 0px;
}

#fbTwit li.fbTwit {
  display: inline !important;
  position: relative;
  padding: 10px;

}

#fbTwit li.fbTwit a img {
  background-color: #FFF;
}

#fbTwit li.fbTwit a {
  display: inline !important;
}


#fbTwitFooter {
  position: relative;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  bottom: 10px;
  list-style: none;
  padding-left: 0px;
}

#fbTwitFooter li.fbTwit {
  display: inline !important;
  position: relative;

  padding: 10px;

}

#fbTwitFooter li.fbTwit a img {
  background-color: #FFF;
}

#fbTwitFooter li.fbTwit a {
  display: inline !important;
}

#copyright {
  position: absolute;
  bottom: 0px;

  width: 100%
}

#copyright p {
  color: #FFF;
  font-size: 11px;
  text-align: center;
  margin-bottom: 0px;
}

#thomas {
  color: #FFF !important;
  font-size: 11px;
  display: inline;
}

#thomas:link {
  color: #FFF !important;
  text-decoration: none;
}

#thomas:focus {
  color: #FFF !important;
  text-decoration: none;
}

#thomas:visited {
  color: #FFF !important;
  text-decoration: none;
}

#thomas:hover {
  color: #FFF !important;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-height: 680px) {

  .sidenav a {

    font-size: 19px;
    margin-bottom: 7px;
  }

}

@media (min-height: 700px) {

  .advertRightTakePart {
    top: 0px;
    display: block;

    margin-bottom: 0px;
  }

}

@media (max-height: 610px) {

  #sidebarAdvert {
    display: none !important;
  }

}

/* Pages */

#pages-main {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3px;
  padding-right: 3px;
  width: 100%;
  max-width: 805px;
}

#pages-section {
  position: relative;

}

#pages-main-center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  max-width: 805px;
}

#pagesCont,
#logo,
#footer,
#calls-to-actionFixedBottom {
  position: relative;
  left: 260px;
  width: calc(100% - 260px);
}

#pages-main {
  max-width: 1920px;
  width: 95%;
}

/* Business Unlimited Stack */

.bigText {
  font-size: 1.4rem;
  font-weight: bold;
}

.biggerText {
  font-size: 1.7rem !important;
}

.subscribe-h1,
.subscribe-h2,
.subscribe-h3 {
  margin: 2rem 0rem 2rem 0rem !important;
}


.subNow-h1 {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 3rem !important;
}

.subscribe-h1 {
  position: relative;
  top: -70px;
  margin: 0px !important;
  padding: 10px;
  font-size: 2rem !important;
  text-align: center;
  font-weight: 800;
  color: #000;
  background-color: #7480d3;
}

#innerCont {
  position: relative;
  top: -50px;
}

#boxOuter {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #191e41;
  color: #fff;
}


#box {
  position: relative;
  width: 100%;
  margin-top: 2rem;

  margin-bottom: 1rem;
  padding: 50px 50px 0px 50px;
}

.offer {
  line-height: 3rem;
}

#copyButton {
  color: #fff;
  cursor: pointer;
}

#copied {
  display: none;
}


a.no {
  color: blue !important;
}

a.home-p-call-to-action-subscribe {
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
}

.home-p-call-to-action-subscribe {
  text-align: center;
  font-size: 1.2rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  cursor: pointer;
  background-color: #6865d0;
  text-decoration: none;
}

a .home-p-call-to-action-subscribe:hover {
  background-color: #7170aa;
  text-decoration: none;
}

.checkoutLink {
  position: relative;
  top: -40px;
}

a.checkoutLink:hover {
  background-color: #7170aa;
  text-decoration: none;
}

@media only screen and (max-width: 500px) {

  #pages-section {
    width: 100%;
  }

  .subscribe-h1 {
    font-size: 1.6rem !important;
  }

  .subscribe-h2,
  .subscribe-h3 {
    font-size: 1.3em !important;
  }
}

.star {
  position: relative;
  bottom: 5px;
  font-size: 0.7rem;
}

.subscribe-p {
  text-align: center;
  font-size: 1.2rem;
}

.subscribe-p-small {
  text-align: center;
  font-size: 0.7rem;
  margin-top: 0px;
  padding-bottom: 5px;
}

/* Footer */

#footer {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  text-align: center;

  background-color: #000;
}

#calls-to-actionFixedBottom {
  position: fixed;
  bottom: 0px;
  text-align: center;
  z-index: 4000;
}

#calls-to-actionFixedBottomInner {
  background-color: rgba(255, 255, 255, .9);
  width: fit-content;
  padding: 5px;
  margin: auto;
}

.fixedBottom {
  display: inline-block;
  width: 300px;
  height: 44px;
  margin-bottom: 0rem;
  font-size: 1rem;
}

#footerMap {
  position: relative;
  width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
  text-align: center;

  background-color: #000;
}

.footer-p,
.footer-p a {
  font-size: 0.8rem;
  color: #fff !important;
}

#linksFooter,
#linksFooter a,
#footerSignLink a {
  color: #fff !important;
}


@media only screen and (max-width: 600px) {

  html,
  body {
    width: 100%;
  }

}


@media (max-width: 1080px) {

  /*
  #sidebarFrame {
    left:-250px;
  }
*/
  #logo {}

  #pages-main {
    left: 0px;
  }

  .closebtn {
    display: block;
  }

  .advertHeaderOther {
    height: 90px !important;
  }

  #advertHeaderOther {
    left: 0px;
  }

}

@media (max-width: 500px) {

  #linksFooter {
    font-size: 0.8rem;
  }

}

#sidebarFrame {
  display: block !important;
}

#sidebarClosebtn {
  display: none;
}

@media only screen and (max-width: 1000px) {

  #sidebarFrame {
    display: none !important;
  }

  #sidebarClosebtn {
    display: block;
  }

  #pagesCont,
  #logo,
  #footer {
    position: relative;
    left: 0px;
    width: 100%;
  }

}

@media only screen and (max-width: 1060px) {

  #home-p-call-to-action-zoom {
    display: none !important;
  }

  #calls-to-actionFixedBottom {
    left: unset;
    width: 100%;
    margin: auto;
  }



}


/* jQuery Toast CSS */
.jq-toast-wrap,
.jq-toast-wrap * {
  margin: 0;
  padding: 0
}

.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 250px;
  bottom: 0px;
  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: 40px
}

.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: 12px;
  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: 14px;
  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: 7px;
  font-size: 14px;
  cursor: pointer
}

.jq-toast-loader {
  display: block;
  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-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
  background-color: #31708f;
  color: #d9edf7;
  border-color: #bce8f1
}

.jq-icon-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
  background-color: #8a6d3b;
  color: #fcf8e3;
  border-color: #faebcc
}

.jq-icon-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
  background-color: #a94442;
  color: #f2dede;
  border-color: #ebccd1
}

.jq-icon-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
  color: #dff0d8;
  background-color: #3c763d;
  border-color: #d6e9c6
}