@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');html, body{font-family: 'Arial', sans-serif;}.toast__container {display: table-cell;vertical-align: middle;}.toast__cell{display:inline-block;}.add-margin{margin-top:20px;}.toast__svg{fill:#fff;}.toast {text-align:left;padding: 21px 0;border-radius: 4px;max-width: 600px;height: 110px;top: 0px;position:relative;background-color: rgba(0, 0, 0, 0.699);background-size: cover;border-radius: 10px;box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);margin-left: auto;margin-right: auto;width: 40%;} .toast:before {content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;border-top-left-radius:4px;border-bottom-left-radius: 4px;}.toast__icon{color: #ff8800;position:absolute;top:25%;left:10px;transform:translateY(-50%);width:27px;height:27px;padding: 7px;font-size: 40px;}.toast__type {color: white;font-weight: 700;margin-top: 0;margin-left: 70px;margin-bottom: 8px;}.toast__message {font-size: 14px;margin-top: 10px;margin-left: 70px;margin-bottom: 0;color: white;font-size: 15.3px;}.toast__content{padding-left:70px;padding-right:60px;}.toast__close {position: absolute;right: 22px;top: 50%;width: 14px;cursor:pointer;height: 14px;fill:#878787;transform: translateY(-50%);}.toast--green .toast__icon{background-color:#2BDE3F;}.toast--green:before{background-color:#2BDE3F;}.toast--blue .toast__icon{background-color:transparent;}.toast--blue:before{background-color:transparent;}.toast--yellow .toast__icon{background-color:#FFC007;}.toast--yellow:before{background-color:#FFC007;}