.toast {
    background-color: #030303;
    box-shadow:unset !important;
    position:relative;
}

.toast-title {font-weight: bold;}
.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    line-height:normal;
    vertical-align:middle;
    display:table-cell;
    font-family: var(--tp-ff-p);
    font-size: var(--tp-fz-p);
    font-weight: var(--tp-fw-normal);
    padding:15px;
}
.toast-message_fa {
    text-align:right;
    direction:rtl;
    padding-right:50px;
}
.toast-message_en {
    text-align:left;
    direction:ltr;
    padding-left:50px;
}

.toast-message a,
.toast-message label {color: #ffffff;}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  /*top: 0.3em;*/
  float: left;
  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-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: 0px;}

.toast-bottom-center {
    width:100%;
    text-align:center;
    margin:0 auto;
    bottom: 0px;
    display:block;
    justify-content: center;
}

.toast-top-center {
    width:100%;
    text-align:center;
    margin:0 auto;
    top: 10px;
    /*display: flex;*/
    justify-content: center;
    display:block;
}
.toast-top-center > div , .toast-bottom-center > div {
    /*
    width:auto !important;
    max-width:400px !important;
    */
    width:82% !important;
    max-width:370px !important;
    margin:12px auto !important;
}

.toast-bottom-left {
	bottom: 0px;
	left: 0px;}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  margin: 12px;
  font-size:10pt;
  width: 420px;
  -moz-border-radius: 7px 7px 7px 7px !important;
  -webkit-border-radius: 7px 7px 7px 7px !important;
  border-radius: 7px 7px 7px 7px !important;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 7px #999999;
  -webkit-box-shadow: 0 0 7px #999999;
  box-shadow: 0 0 7px #999999;
  color: #ffffff;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  filter: alpha(opacity=90);
  transition: all 0.2s ease;
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 5px #464646;
  -webkit-box-shadow: 0 0 5px #464646;
  box-shadow: 0 0 5px #464646;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22/%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M22%2010V13C22%2017%2020%2019%2016%2019H15.5C15.19%2019%2014.89%2019.15%2014.7%2019.4L13.2%2021.4C12.54%2022.28%2011.46%2022.28%2010.8%2021.4L9.3%2019.4C9.14%2019.18%208.77%2019%208.5%2019H8C4%2019%202%2018%202%2013V8C2%204%204%202%208%202H14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3Cpath%20d%3D%22M19.5%207C20.8807%207%2022%205.88071%2022%204.5C22%203.11929%2020.8807%202%2019.5%202C18.1193%202%2017%203.11929%2017%204.5C17%205.88071%2018.1193%207%2019.5%207Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3Cpath%20d%3D%22M15.9965%2011H16.0054%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3Cpath%20d%3D%22M11.9955%2011H12.0045%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3Cpath%20d%3D%22M7.99451%2011H8.00349%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3C/g%3E%3C/svg%3E");
    background-size:32px;
}
#toast-container > .toast-error {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20512%20512%22%20xml:space%3D%22preserve%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22/%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M437.016%2C74.984c-99.979-99.979-262.075-99.979-362.033%2C0.002c-99.978%2C99.978-99.978%2C262.073%2C0.004%2C362.031%20c99.954%2C99.978%2C262.05%2C99.978%2C362.029-0.002C536.995%2C337.059%2C536.995%2C174.964%2C437.016%2C74.984z%20M406.848%2C406.844%20c-83.318%2C83.318-218.396%2C83.318-301.691%2C0.004c-83.318-83.299-83.318-218.377-0.002-301.693%20c83.297-83.317%2C218.375-83.317%2C301.691%2C0S490.162%2C323.549%2C406.848%2C406.844z%22/%3E%20%3Cpath%20d%3D%22M361.592%2C150.408c-8.331-8.331-21.839-8.331-30.17%2C0l-75.425%2C75.425l-75.425-75.425c-8.331-8.331-21.839-8.331-30.17%2C0%20s-8.331%2C21.839%2C0%2C30.17l75.425%2C75.425L150.43%2C331.4c-8.331%2C8.331-8.331%2C21.839%2C0%2C30.17c8.331%2C8.331%2C21.839%2C8.331%2C30.17%2C0%20l75.397-75.397l75.419%2C75.419c8.331%2C8.331%2C21.839%2C8.331%2C30.17%2C0c8.331-8.331%2C8.331-21.839%2C0-30.17l-75.419-75.419l75.425-75.425%20C369.923%2C172.247%2C369.923%2C158.74%2C361.592%2C150.408z%22/%3E%3C/g%3E%3C/svg%3E");
    background-size:30px;
}
#toast-container > .toast-success {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M8.5%2012.5L10.5%2014.5L15.5%209.5%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-size:32px;
}
#toast-container > .toast-warning {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%22-0.5%200%2025%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22/%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M18.2202%2021.25H5.78015C5.14217%2021.2775%204.50834%2021.1347%203.94373%2020.8364C3.37911%2020.5381%202.90402%2020.095%202.56714%2019.5526C2.23026%2019.0101%202.04372%2018.3877%202.02667%2017.7494C2.00963%2017.111%202.1627%2016.4797%202.47015%2015.92L8.69013%205.10999C9.03495%204.54078%209.52077%204.07013%2010.1006%203.74347C10.6804%203.41681%2011.3346%203.24518%2012.0001%203.24518C12.6656%203.24518%2013.3199%203.41681%2013.8997%203.74347C14.4795%204.07013%2014.9654%204.54078%2015.3102%205.10999L21.5302%2015.92C21.8376%2016.4797%2021.9907%2017.111%2021.9736%2017.7494C21.9566%2018.3877%2021.7701%2019.0101%2021.4332%2019.5526C21.0963%2020.095%2020.6211%2020.5381%2020.0565%2020.8364C19.4919%2021.1347%2018.8581%2021.2775%2018.2202%2021.25V21.25Z%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%20%3Cpath%20d%3D%22M10.8809%2017.15C10.8809%2017.0021%2010.9102%2016.8556%2010.9671%2016.7191C11.024%2016.5825%2011.1074%2016.4586%2011.2125%2016.3545C11.3175%2016.2504%2011.4422%2016.1681%2011.5792%2016.1124C11.7163%2016.0567%2011.8629%2016.0287%2012.0109%2016.03C12.2291%2016.034%2012.4413%2016.1021%2012.621%2016.226C12.8006%2016.3499%2012.9398%2016.5241%2013.0211%2016.7266C13.1023%2016.9292%2013.122%2017.1512%2013.0778%2017.3649C13.0335%2017.5786%2012.9272%2017.7745%2012.7722%2017.9282C12.6172%2018.0818%2012.4203%2018.1863%2012.2062%2018.2287C11.9921%2018.2711%2011.7703%2018.2494%2011.5685%2018.1663C11.3666%2018.0833%2011.1938%2017.9426%2011.0715%2017.7618C10.9492%2017.5811%2010.8829%2017.3683%2010.8809%2017.15ZM11.2409%2014.42L11.1009%209.20001C11.0876%209.07453%2011.1008%208.94766%2011.1398%208.82764C11.1787%208.70761%2011.2424%208.5971%2011.3268%208.5033C11.4112%208.40949%2011.5144%208.33449%2011.6296%208.28314C11.7449%208.2318%2011.8697%208.20526%2011.9959%208.20526C12.1221%208.20526%2012.2469%208.2318%2012.3621%208.28314C12.4774%208.33449%2012.5805%208.40949%2012.6649%208.5033C12.7493%208.5971%2012.8131%208.70761%2012.852%208.82764C12.8909%208.94766%2012.9042%209.07453%2012.8909%209.20001L12.7609%2014.42C12.7609%2014.6215%2012.6808%2014.8149%2012.5383%2014.9574C12.3957%2015.0999%2012.2024%2015.18%2012.0009%2015.18C11.7993%2015.18%2011.606%2015.0999%2011.4635%2014.9574C11.321%2014.8149%2011.2409%2014.6215%2011.2409%2014.42Z%22%20fill%3D%22%23ffffff%22/%3E%20%3C/g%3E%3C/svg%3E");
    background-size:32px;
}

#toast-container > .toast_align_fa {
  background-position:right 12px center;
  direction:rtl;
}
#toast-container > .toast_align_en {
  background-position:left 12px center;
  direction:ltr;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-top-full-width > div{
  width: 96%;
  margin: auto;
}
.toast-success {background-color: #2C832C;}
.toast-error {background-color: #bd362f;}
.toast-info {background-color: #2f96b4;}
.toast-warning {background-color: #f89406;}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    left: 40px;
    /*top: -0.2em;*/
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    /*
    padding: 0px;
    width: 18em;
    */
  }
  #toast-container .toast-close-button {
    left: 50px;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    /*
    padding: 15px 15px 15px 50px;
    width: 25em;
    */
  }
}
.toast-progress_en {
  position: absolute;
  left: 2px;
  bottom: 0;
  height: 3px;
  background-color: #000000;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
  border-bottom-left-radius:3px;
}
.toast-progress_fa {
  position: absolute;
  right: 2px;
  bottom: 0;
  height: 3px;
  background-color: #000000;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
  border-bottom-right-radius:3px;
}