/* line 4, ../../src/sass/messenger.sass */
ul.messenger {
    margin: 0;
    padding: 0;
}

/* line 8, ../../src/sass/messenger.sass */

ul.messenger > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* line 14, ../../src/sass/messenger.sass */

ul.messenger.messenger-empty { display: none; }

/* line 17, ../../src/sass/messenger.sass */

ul.messenger .messenger-message {
    overflow: hidden;
    *zoom: 1;
}

/* line 20, ../../src/sass/messenger.sass */

ul.messenger .messenger-message.messenger-hidden { display: none; }

/* line 23, ../../src/sass/messenger.sass */

ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a { padding-right: 5px; }

/* line 26, ../../src/sass/messenger.sass */

ul.messenger .messenger-message .messenger-actions { float: right; }

/* line 29, ../../src/sass/messenger.sass */

ul.messenger .messenger-message .messenger-actions a {
    cursor: pointer;
    text-decoration: underline;
}

/* line 33, ../../src/sass/messenger.sass */

ul.messenger .messenger-message ul, ul.messenger .messenger-message ol { margin: 10px 18px 0; }

/* line 36, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed {
    position: fixed;
    z-index: 10001;
}

/* line 40, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed .messenger-message {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 0;
}

/* line 45, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed .message .messenger-actions { float: left; }

/* line 48, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-top { top: 20px; }

/* line 51, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-bottom { bottom: 20px; }

/* line 54, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
    left: 50%;
    margin-left: -400px;
    width: 800px;
}

@media (max-width: 960px) {
    /* line 54, ../../src/sass/messenger.sass */
    ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
        left: 10%;
        margin-left: 0px;
        width: 80%;
    }
}

/* line 64, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
    left: auto;
    right: 20px;
}

/* line 68, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
    left: 20px;
    margin-left: 0px;
}

/* line 72, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left { width: 350px; }

/* line 75, ../../src/sass/messenger.sass */

ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions { float: left; }

/* line 78, ../../src/sass/messenger.sass */

ul.messenger .messenger-spinner { display: none; }

@media (min-width: 980px) {
    ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
        left: 270px;
        margin-left: 0px;
    }

    ul.messenger.messenger-fixed.messenger-on-top { top: 80px; }
}

@media (min-width: 768px) and (max-width: 1024px) {	
    ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
        left: 70px;
        margin-left: 0px;
    }
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
    ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
        left: 20px;
        margin-left: 0px;
    }	
}

@media (max-width: 480px) {
    ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
        left: 20px;
        margin-left: 0px;
    }
}