:root {
    --azul-bidcom: #0000FF;
  }
.contenedor-total{
    position: relative;
}
.main-container-toast{
    display:none;
    justify-content: center;
    align-items: center;
}
.toast-title {
    font-weight: 700
}
.link-toast{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.toast-message {
    text-align:left;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}
.toast-message a, .toast-message label {
    color: #FFF
}
.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}
.toast-top-alert:hover,
.toast-top-warning:hover{
    opacity: 0.96;
}
.toast-container {
    position: absolute;
    z-index: 999999;
    pointer-events: none;
    transition: all .3s linear;
    top:0;
    /* right: 41%; */
}
.toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.toast-container>div {
    position: relative;
    pointer-events: auto;
    font-size:19px;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    line-height: 20px;
    width: 100%;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    filter: alpha(opacity=80);
}
.toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}
.toast-container>.toast-warning, .toast-container>.toast-warning-top, .toast-container>.toast-alert{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
}
.toast-container>.toast-ok,.toast-container>.toast-ok-top{
    background-image: url(https://d1blmgc4psac6k.cloudfront.net/images/vector/icon-toast-ok.svg) !important
}
.toast {
    background-color: #030303;
}
.toast-ok {
    background-color: #00A650;
}
.toast-warning {
    background-color: #F89406;
}
.toast-alert{
    background-color: #f23d4f;
}
@media (max-width:991px){
    .toast-container>div{
        padding: 10px 10px 10px 43px;
        width: 354px;
    }
}
@media (max-width:768px) {
    .toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 274px;
    }
}
@media (max-width:480px) {
    .toast-container{
        top:5%;
        left:5%;
    }
    .toast-container>div {
        /* padding: 22px 50px;
        width: 95%;
        font-size: 17px;
        border-radius: 10px; */

        display: flex;
        align-items: center;
        height: 78px;
        padding: 25px 49px;
        width: 95%;
        font-size: 16px;
        border-radius: 10px;
    }
    .toast-message{
        margin-left:18px;
    }
}