/*!
 * Bootoast CSS
 * @author odahcam
 */

.bootoast {
    opacity: 0;
    filter: alpha(opacity=0)
}

    .bootoast > .glyphicon {
        display: inline-block;
        /* yeah, this float is a "hack" */
        float: left;
        font-size: 20px;
        margin-right: 14px;
    }

    .bootoast > .bootoast-alert-container {
        display: block;
        max-width: 100%;
        overflow: auto;
    }

        .bootoast > .bootoast-alert-container > .bootoast-alert-content {
            display: table;
            width: 100%;
            height: 100%
        }

    .bootoast.alert-default {
        background: #eee;
    }

    .bootoast > .progress.progress-bottom {
        width: auto;
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }

    .bootoast > .progress.progress-bottom {
        margin-bottom: -.75rem;
    }

    .bootoast > .progress.progress-top {
        margin-top: -.75rem;
    }

    .bootoast > .progress.progress-background {
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .35;
    }

.bootoast-container {
    /*position: fixed;
    left: 20px;
    right: 20px;
    top: initial;
    bottom: initial;
    width: 390px;
    max-width: 95%;
    z-index: 999999;
    max-width: 500px;
    left: 700px;
    position: relative;
    top: -160px;
    padding: 2px;*/
    position: absolute;
    left: 20px;
    right: 20px;
    top: 120px;
    height: 280px;
    bottom: initial;
    width: 700px;
    max-width: 95%;
    /*z-index: 999999;*/
    z-index:11;
    overflow-y: scroll;
}

    .bootoast-container::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE and Edge */
.bootoast-container {
    -ms-overflow-style: none;
}

    .bootoast-container.top {
        top: 20px
    }

    .bootoast-container.bottom {
        bottom: 20px
    }

    .bootoast-container.right {
        left: initial
    }

    .bootoast-container.left {
        right: initial
    }

    .bootoast-container.center {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }