/* -----------------------------------------
   Gritter notifications
----------------------------------------- */
#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px; /*301px;*/
    z-index: 9999;
}

    #gritter-notice-wrapper.top-left {
        left: 20px;
        right: auto;
    }

    #gritter-notice-wrapper.bottom-right {
        top: auto;
        left: auto;
        bottom: 20px;
        right: 20px;
    }

    #gritter-notice-wrapper.bottom-left {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 20px;
    }

    #gritter-notice-wrapper .gritter-item-wrapper {
        position: relative;
        margin: 0 0 10px 0;
    }

        #gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
            display: block;
            background: #657791;
            border: 1px solid #455264;
            color: #ffffff;
            padding: 10px 11px;
            font-size: 12px;
            border-radius: 3px;
            transition: all;
            transition: all all ease-out;
            transition-duration: 0.4s;
        }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item:hover {
                background: #72849e;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
                padding: 0;
                margin: 0;
                word-wrap: break-word;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
                position: absolute;
                top: 5px;
                right: 7px;
                cursor: pointer;
            }

                #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close i {
                    font-size: 16px;
                    color: #ffffff;
                    transition: background;
                    transition: all background ease-out;
                    transition-duration: 0.4s;
                }

                #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover i {
                    color: #f7f7f7;
                }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
                width: 48px;
                height: 48px;
                float: left;
                border-radius: 3px;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-icon {
                margin-top: 0;
                margin-right: 15px;
                float: left;
                font-size: 32px;
                padding-bottom: 10px;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image {
                width: 220px;
                float: right;
                padding: 0;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image {
                padding: 0;
            }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
                font-size: 14px;
                font-weight: bold;
                padding: 0;
                display: block;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item {
            color: #0a776c;
            background: #b2ede8;
            border: 1px solid #63c8be;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item:hover {
                background: #c7f2ee;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close i {
                color: #0a776c;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close:hover i {
                color: #09695f;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item {
            color: #2a6891;
            background: #cfebff;
            border: 1px solid #94bedb;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item:hover {
                background: #e9f6ff;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close i {
                color: #2a6891;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close:hover i {
                color: #275f85;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item {
            color: #933230;
            background: #fddede;
            border: 1px solid #cb7c7a;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item:hover {
                background: #fef6f6;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-close i {
                color: #933230;
            }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-close:hover i {
                color: #872e2c;
            }