.stack {
    position: relative;
    padding: 0.30rem 0.5rem;
    margin-bottom: 0;
    /*border: 1px solid transparent;*/
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.stack-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.stack-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
}

#stack-container {
    position: fixed;
    z-index: 1060;
    /*pointer-events: none;*/
    margin-bottom: 0;
}

    #stack-container.stack-bottom-full-width > div {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #stack-container.stack-bottom-center > div {
        width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

.stack-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: grey;
    /*opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);*/
}

.stack .stack-icon-col {
    min-width: 25px;
    max-width: 25px;
}

.stack .stack-button-col {
    min-width: 25px;
    max-width: 25px;
}

button.stack-close-button,
.alert-dismissible .close {
    padding-top: 0.1rem;
    padding-right: 1.25rem;
    padding-bottom: 0.75rem;
    padding-left: 1.25rem;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.stack-heading {
    font-weight: 200;
}

p.stack-message {
    margin-bottom: 0;
}

.stack-info {
    color: #0c5460;
    background-color: #d1ecf1;
}

.stack-success {
    color: white;
    background-color: #28a745;
}

.stack-warning {
    color: white;
    background-color: #f8b500;
}

.stack-danger {
    color: white;
    background-color: #bf223c;
}

.stack-border-info {
    border-color: #17a2b8 !important;
}

.stack-border-success {
    border-color: #228b49 !important;
}

.stack-border-warning {
    border-color: #f8a900 !important;
}

.stack-border-danger {
    border-color: #a01c32 !important;
}