/*! CSS compiled by Switch - DO NOT EDIT THIS FILE ANY CHANGES WILL BE LOST */
/*! variables */
/*! mixins */
/* For Salesforce CSS styling*/
.embeddedServiceHelpButton span.message{
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
}
div.message{
    position:relative;
    margin:24px 0;
    padding:24px;
    overflow:hidden;
    border-radius:3px;
    background-color:#f3f3f3;
    color:#6f6f6f
}
.message__icon{
    display:none
}
.message__content{
    overflow:hidden
}
.message__title{
    margin:0 0 .375rem;
    font-size:1rem
}
.message__text p:last-child{
    margin-bottom:0
}
.message__text ol,.message__text ul{
    margin-top:.75rem;
    margin-bottom:.75rem
}
.message__text ol:last-child,.message__text ul:last-child{
    margin-bottom:0
}
.message__text a:focus,.message__text a:hover{
    outline:none;
    color:#333
}
div.message.message--info{
    background-color:#edf4f6;
    color:#4e92ab
}
.message--info a:not([class]),.message--info .message__title{
    color:#4e92ab
}
.message--info .message__text ul>li:before{
    background-color:#4e92ab
}
.message--info .message__text ol>li:before{
    color:#4e92ab
}
.message--info .message__text a:focus,.message--info .message__text a:hover{
    outline:none;
    color:#3e7488
}
div.message.message--success{
    background-color:#edf5e5;
    color:#417c00
}
.message--success a:not([class]),.message--success .message__title{
    color:#529e00
}
.message--success .message__text ul>li:before{
    background-color:#529e00
}
.message--success .message__text ol>li:before{
    color:#529e00
}
.message--success .message__text a:focus,.message--success .message__text a:hover{
    outline:none;
    color:#386b00
}
div.message.message--warning{
    background-color:#fae7e9;
    color:#cf142b
}
.message--warning a:not([class]),.message--warning .message__title{
    color:#cf142b
}
.message--warning .message__text ul>li:before{
    background-color:#cf142b
}
.message--warning .message__text ol>li:before{
    color:#cf142b
}
.message--warning .message__text a:focus,.message--warning .message__text a:hover{
    outline:none;
    color:#a01021
}
.message--sm{
    margin-bottom:24px !important;
    padding:12px !important;
    font-size:87.5%
}
.message__icon--sm{
    font-size:1.5rem;
    vertical-align:middle
}
@media screen and (min-width: 960px){
    .message{
        padding:36px
    }
    .message .message__icon{
        display:block;
        margin:0 24px 0 0;
        float:left;
        font-size:4rem
    }
    .message .message__title{
        font-size:125%
    }
}