﻿/*
 * Toastr
 * Copyright 2012-2014 John Papa and Hans Fjällemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.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-mid{
	top:12px;
	left:50%;
	margin-left:-150px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 50px;
}
.toast-bottom-right:hover{
	opacity:1;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#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: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -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 {
  -moz-box-shadow: 0 0 12px #000000;
  -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-message{
  color: rgba(31, 36, 70, 0.9);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  background: #fff;
  border-radius: 6px;
}

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

.toast-success {
  background-color: #ffffff;
  box-shadow: 0px 9px 28px 8px rgba(23, 36, 77, 0.05),0px 6px 16px 0px rgba(23, 36, 77, 0.08),0px 3px 6px -4px rgba(23, 36, 77, 0.1) !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANoSURBVFiFzZlNaxtHGICfd1bgtfEhhxz8A3wsxDnVgRisQw+xhNNCRPsDCg2kB/uQRC2EbjHUln1IDDUk9A8k+OIEmx5lqA8uPVSBHv0DdPAhB4FUWO3bw0q2vN6Vd9cauc9J2p3ZeXiZj3dmhLzUPZf2v5/T1SJG74DMAreBmV6JJnAKekIgH3GkzuTEnxS9Tp7mJHONg6dz4DwBfQRyK1tl/QTyFrpvKG01stRML7r/42dIsA6Us8kloXuo84LyL/+kKX21aN1zabfXUfkeKFxXL4KP6K9MTv5wVZcYLvq+OktBd0HmRqp3CW3gS4WHGydJJZJFPzy/jyO7nA8O2zTpaoXl2lHcy3jRD8/vY+R3hGmralGUFoE+iJO9LPq+OkuBPxhfJKM08VmIdgNzoUjdc8M+eWOSADMUdJe65w4+vCjabq/bHzhpkLnQZeDJ2a9wIv+L0U9BefFRc7c/z55HVJw1/j+SAAVMd63/J4xoGM2/b0xpKN27lLYavYg6T8batnCYvrDzHYAJR5c+sqR0GQ1WWdoogm6nrPANdc81tDrz2bOgnGiwSnnzFQCl2kq6yMotWp15AyzadDtjUBJg/9kKmrrtRRMmvZaJkxTzMnV9o3dMLzO3x3UlAZBZQ7h9yFAnw4gdiSQAtw2Z1nXdZmmjiAarY5QEmDFXl+khHFKqrQBQ3nw1VHa0kkC4hDZTlVQW2X+2cvY/SdaCJNA0wGnq4mJeDpW1IwlwakAT9ymxJMnakwT0RDioesBP2etGxAYZqSQAPxuCLAnCANHI9hm9JAQcGqbd4/AEIwdRWRuS6Cem3eNePlr9Dfg2/7d6A2rkkoDqG8q1x72MvrsDTn5RG4Jn3w5eQ38rUtpqILpnrbG8iO71D9POV6bAeQH4N+UUg99zAgZFw93ezk0YJbAzeNJ3ca2fcqsgmc4t7SCN0OWci6JFr4OvFdKu/3Zo4mslegx5OXt6uHFCVysIrbGp9RFaSPBV3PFjfJq3XDvC1weMN7JNCL5gafM47mVyPrpcO8JnYTx9Vhr4LCRJwjBRCLvB1MQ9YBs7U5cPbDM1cW/YaTNkvWww3TVUvryuXdiy7hGM8rIhysHTOdQ8Rvg61/WN8g4JXtu7volS91xanXkMi3DFhRjykYBDpt3jvBdi/wE3G1v1DIP+9gAAAABJRU5ErkJggg==") !important;
  background-size: 16px 16px;
}
.toast-error {
  background-color: #ffffff;
  box-shadow: 0px 9px 28px 8px rgba(23, 36, 77, 0.05),0px 6px 16px 0px rgba(23, 36, 77, 0.08),0px 3px 6px -4px rgba(23, 36, 77, 0.1) !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAO/SURBVFiFzZm/b9tGFMc/76RBVSknQwcPGWglUxz/yFQHqAF36BCgQwPYaPsXtEU7JFs7ZPLgMQnQAO1f4AY2EG8da6AeXHSopNiZbIVDgWrw4FaMo4G610GUI8n6QVKU2y8gSEfeu/fR3ZHv3Z2QUOq6uQaF9wOjHxpkAbgBvAdMh1VqwAlwZNFy1sovOeq/iec1kviTuAa+e3NRMuZrVFaBqzHNT0F+Uhv86HgvS3EMI4PWr8/fMmo3QD6OCTdIO1bkYeG4chCl8khQdd3cG1PYUPgGyI6N161A4Pt3bP27UVNiKOjf12dvZFW2QBbT5euVlgLRtSvHh0eDagwE/ae48EEGu8Xbh2PSqjUxa1PV8l6/m31BQ8ifAWeiaBflNzF3+8FeAG0Nt/mVy+vJXtUCscu908B0FtR1c605+Z9BAkxnVbbUdXOdF7tA35jCxuQfnCiSxRZLx5X2D9+9uSgm8zvpv4KSKrAit9vv2fMeFWPWiQ4ZhJ/YzmPYZTOq6+2CwHlv/hHVmaj9HEDFbBLjzyWxU9u87XgvS1mAVuyO7iz/6nAb4GxmNqrTpHaIyX4BfGXUdXNhghFFWSuZa+1C/tXhdthLw4azCxIgbCPiSOhn6ro54+MsESMLEvSRX5y/HxH2AqRfnL8v6KOo/oCrPs6SwbASwygObBqQLRlWTJj0xtYI2PQgAYMsyOvi3AvgVpIGABR54FQrj9vls5nZ1TZ4GpChDuR1ce4vxgyZvbCdSgESoGZIIa73ToO2UoIEmDaj6/w/ZGitFsfSoKF3qpXHijwYt33CoT8Zp4VeyPrM7Go9fKAgNdgTAwxcpySBNGI2jZjNlGGPDEg5TUhaoTGbLqyUjbV2N2XItlKDtdbuGgd/HzhNGTJN2FMHf9+I5zUQ3R5dH4BAtflnRMiBsGEbURPoZ+J5jUSJsw0T4AiQY9u1E+fzNdNZce65widRnYbfcddXsewEdvLVF/egY83UFHlIjPVMVGdj2AUhE9ABWjiuHCj6NIHziUjRp507fV2x/l3rfwsaa99yMtJSi+WtukDF8xqB6BopxP8xVAtE13q3IS9kT1eOD4+amDUB//LYWhLwxcq9ftuPfdO8qWp5L8Dc5XJ7toaVj/JeZb/fzYH56FS1vBeIXb6cOaulQOzyIEgYAgqtaZC3/h1Fn5BsC2eUAkWf5K1/Z9huM8Q8bMiorscICkMlsNNM87ChV2G4/RL4lETHNzxT2/xhYsc3vVLXzfk4S8aYFdChB2IgZWvtroO/n/RA7F91zfqcGDf1gQAAAABJRU5ErkJggg==") !important;
  background-size: 16px 16px;
}
.toast-info {
  border: 1px solid #ffffff;
  box-shadow: 0px 9px 28px 8px rgba(23, 36, 77, 0.05),0px 6px 16px 0px rgba(23, 36, 77, 0.08),0px 3px 6px -4px rgba(23, 36, 77, 0.1) !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAN2SURBVFiFzZnPaxtHFIC/N7sUQZdUpY6i3mTQodAQqb3UBpvahxwCOURQ0atubUn+gPQQCPjgXgMNJDcfG1bUvuUYBxvqXFJJpNCDQL5VCEPlsgVTpH09SHIkWWtZP1ffbTUzbz5mR7Mzb4QxSeQqkY//jX7V1P82RUwKX5MqsiQQB1CoiuoJRsqqftGSD179/WH9zfHO8tk4/cmoDdLZWhqV+wrfANERm9eBX0T0ecGNFUZpeGXRW5nqTbGsbeDuiHJBPe9po/motBt/d7XqQ0jkKpFrnrMt8ACwJxbspaHw8z+O9+OwKXGp6OfZWtJWcYH0VPUuUmiIZv9wY+WgCiaoIJWprVkqB8xeEiBtqRykMrW1oAoDRzSVqa1hyUvAmZnaYDyaeqe4GzvsL7gg+mW2lmyoHHSWmXmjULVF19/2TYOeV5/IVSJNFTcsSQCBeFPFTeQqke7fe0Svec42E8xJgc1i/roU89dFYHPcOEC67XLOuWg6W0u3l6CFQODBrUz1Zuf5XFRVtpj+OjkJttjWVudBoDWaqvL7xKFVflL4sx34M0QfThpSRL8ouLGC3e7g/qQBW1H14cibhyGoynfAD5LIVSIfec5fjL7BmBf1U8f71EQ9Z4XFlQSIRj1nxfbxNyT4Szoq+4r/GkAwXwMb0wjq428YESs1jWAAiv+6lL/xuJS/8bgjPA1ErJTBJzmtgDPDJ2lUdClsj2Go6JIJ87t+VQTiU/sXzRqjUA1bYhgKVSMqJ2GLDENUTgyGwHPKwmAoG9VmMWyPYag2i8Zg9sMWGYbB7Ju64x3RymAsKvW64x2Z453lM4F82DaX8OJ4Z/mstY6KPg1ZJhARfQbto0jBjRUQ9sJVGoCw10mmvT8zNZqPgEZoUhdptJ2ALtHSbvyd6uJMAVV92p3p6znitI8lvzGffNNlFE4db7U7w9ezKTneWT6zRLNhfv8VqpZotj8NeWH39NaNlUU0C3hzs3uPh28y/XknCEg7Ft3YIaJ35jmyClX1ze3Sr58cDSoP3I8W3dihLboOjJRrH5OCLboeJAmXiEJrGpw63qqqPmE2S1dDVZ+cOt7qoNfdzWiXDba1hXJvcj+mf9nQTztP9T3wLeNd37wQ0Wczu77pJ5GrRKKes+Ljb4hYKXySKtp3ISYnGMqqzaLB7Ncd72jcC7H/ARU1U+f42p/mAAAAAElFTkSuQmCC") !important;
  background-size: 16px 16px;
}

.toast-warning {
  background-color: #ffffff;
  box-shadow: 0px 9px 28px 8px rgba(23, 36, 77, 0.05),0px 6px 16px 0px rgba(23, 36, 77, 0.08),0px 3px 6px -4px rgba(23, 36, 77, 0.1) !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAANRSURBVFiFzZk9a1tXGICf942uIiKlZNBtPKqgoUPA2upATOwhQyBDSmPaf9BCM7VqSIeAggeDbQKBBtJ/kOAM3jomEA/uJkNHDxmVyINpr4qtj/N2kK7qD31Yn1fPpHvvuec+HJ2P97xHGBIrZBL1z4KvXEOXVZg3yBqkBeYADEoCBwL7ztjTS+5t7O/Un1L4cDTM92TQF6rrfg7lR+AByLXB3rZDkFc4+z3+qFwc5M0Lix5vXL+h4tYMuTeYXNcPbzuTJ5d/+fjXBcv3xgqZRO1qZQ2Th0BsZMPT1BH7zfsn+Wu/LtFT9OiZn1UnW0BurHrnKTq1lcRP5f1uBbqK1jb9Ww7ZCgfHpDEoKbbi5cs7nZ53FK1t+rcM+QNITdTuPIFgdzvJnhM9euZnxcn7abXkWQxKprZ4thvoqUKFTELd9P7uTgjMqZMtK2QSJ++fEq1frawxwsAx42k8/0ni+U9ixtNh6wFyLZc2bdHqup+z5hQ0E5jJw+ON6zfC67aoKKuMf54chZiKrYYXCq3WHNOKM04M7lfX/RyELdpcu2cTle8BtDW6HkSs0wP7zgqZhNaTwcLgUdA0kWv1ZLCgDl2K2KQvDl1SFeajFumHCvNqkI1apB8GWRVIRy3SD4G0WoTr+kUxmNP+xWYDFShFLdEPgZIaHEQt0g+DAxXouk+ZFQT2Y87YE+H+WCoUu3288Xkh/D1E2qAjztiT2kZ6yUTfjqXGCSHmljVWSe0Ch1HL9OAwVkntanPjb2+itumK8VoKH46a86jjRcQ63TF7Ca3AOf6oXBTYHrXORk2/CDd3DXPLo9YnsB0m09orkzN5AtRHrXyM1FtOwAnRZlbNZqgL2IuTmb5Tu04vSD6upf69zZB7+5jnvqlu+gcAAl/a8JZFL0g+hnL7RseUziUn76OKqgRKjX4pHYBmAVsBgqnZ/U9gIl93Sj92DPO8fHlHsLvTjKwESojcif/8cbfT867xqJcv7zTUFoGBcu1DUmyoLXaThB6i0OwGXnDlJthzJjN11cGee8GVm72yzTDwYYOtGmOKtMZ92HCW6rqfQ+QHhG+BQRMXhxivMXs5seObs1ghk6gngwWHLoUHYgLpcFoTKNnJAzHcu1gltTvsgdh/1oA7MPqn6K4AAAAASUVORK5CYII=") !important;
  background-size: 16px 16px;
}

.toast-close-button{
  display: none !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}

/*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;
  }
}
