/* -----------------------------------------
   Gritter notifications
----------------------------------------- */
#gritter-notice-wrapper {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 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-image: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3f3f3', GradientType=0);
            border: 1px solid #c0c0c0;
            color: #333333;
            padding: 10px 11px;
            font-size: 12px;
            border-radius: 2px;
            transition: all;
            transition: all all ease-out;
            transition-duration: 0.4s;
            box-shadow: 1px 2px 10px #c0c0c0;
        }

            #gritter-notice-wrapper .gritter-item-wrapper .gritter-item:hover {
                background-image: linear-gradient(to bottom, #f3f3f3 0%, #ffffff 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffffffff', GradientType=0);
            }

            #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: #333333;
                    transition: background;
                    transition: all background ease-out;
                    transition-duration: 0.4s;
                }

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

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

            #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: #79a33f;
            background-image: linear-gradient(to bottom, #f8fbf5 0%, #e1edd0 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8fbf5', endColorstr='#ffe1edd0', GradientType=0);
            border: 1px solid #9fc569;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item:hover {
                background-image: linear-gradient(to bottom, #e1edd0 0%, #f8fbf5 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1edd0', endColorstr='#fff8fbf5', GradientType=0);
            }

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close i {
                color: #79a33f;
            }

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

            #gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-icon {
                color: #9fc569;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item {
            color: #2389bd;
            background-image: linear-gradient(to bottom, #ffffff 0%, #e5f3fa 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5f3fa', GradientType=0);
            border: 1px solid #4faede;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item:hover {
                background-image: linear-gradient(to bottom, #ffffff 0%, #e5f3fa 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5f3fa', GradientType=0);
            }

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close i {
                color: #2389bd;
            }

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

            #gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-icon {
                color: #4faede;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item {
            color: #dc4917;
            background-image: linear-gradient(to bottom, #ffffff 0%, #fbe5de 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffbe5de', GradientType=0);
            border: 1px solid #ed7a53;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item:hover {
                background-image: linear-gradient(to bottom, #ffffff 0%, #fbe5de 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffbe5de', GradientType=0);
            }

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

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

            #gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-icon {
                color: #ed7a53;
            }

        #gritter-notice-wrapper .gritter-item-wrapper.warning-notice .gritter-item {
            color: #e38a0e;
            background-image: linear-gradient(to bottom, #ffffff 0%, #fdeed9 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffdeed9', GradientType=0);
            border: 1px solid #f4ad49;
        }

            #gritter-notice-wrapper .gritter-item-wrapper.warning-notice .gritter-item:hover {
                background-image: linear-gradient(to bottom, #ffffff 0%, #fdeed9 100%);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fffdeed9', GradientType=0);
            }

            #gritter-notice-wrapper .gritter-item-wrapper.warning-notice .gritter-item .gritter-close i {
                color: #e38a0e;
            }

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

            #gritter-notice-wrapper .gritter-item-wrapper.warning-notice .gritter-item .gritter-icon {
                color: #f4ad49;
            }