/* Gritter - Notification */
#gritter-notice-wrapper {
    width: 320px;
    top: 45px;
}

.gritter-item-wrapper {
    background: url(../js/jquery.gritter/images/gritter-bg.png);
    border-bottom: 1px solid rgba(0, 0, 0, 0.13);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}

.gritter-top {
    background: transparent;
}

.gritter-item {
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    color: #FFF;
    padding: 2px 20px 12px;
    padding-right: 35px;
    padding-left: 10px;
}

.gritter-bottom {
    background: transparent;
}

.gritter-item p {
    font-size: 12px;
    line-height: 19px;
}

.gritter-title {
    text-shadow: none;
    font-weight: 400;
    font-size: 17px;
    padding: 7px 0 0 0;
}

.gritter-close {
    display: block !important;
    top: 0;
    right: 0;
    left: auto;
    height: 30px;
    width: 35px;
    background: transparent;
    text-indent: inherit;
}

    .gritter-close:after {
        content: '×';
        position: absolute;
        color: #FFF;
        left: 10px;
        font-size: 24px;
        font-weight: bold;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
    }

.gritter-without-image, .gritter-with-image {
    padding-left: 7px;
    width: 224px;
}
/*Clean Style*/
.gritter-item-wrapper.clean {
    background: #FFF;
}

    .gritter-item-wrapper.clean .gritter-item {
        color: #555;
    }

    .gritter-item-wrapper.clean .gritter-close {
        display: block !important;
        top: 0;
        right: 0;
        left: auto;
        height: 100%;
        width: 35px;
        background-color: #7761a7;
        text-indent: inherit;
    }

        .gritter-item-wrapper.clean .gritter-close:after {
            content: '×';
            position: absolute;
            color: #FFF;
            top: 50%;
            left: 10px;
            font-size: 24px;
            font-weight: bold;
            margin-top: -17px;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
        }

.gritter-image {
    margin-top: 3px;
    width: auto;
    height: auto;
    max-width: 48px;
    max-height: 48px;
}
/*Facebook Style*/
.gritter-item-wrapper.facebook {
    background: #5d82d1;
}

    .gritter-item-wrapper.facebook .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.facebook .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Twitter Style*/
.gritter-item-wrapper.twitter {
    background: #50bff5;
}

    .gritter-item-wrapper.twitter .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.twitter .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Google+ */
.gritter-item-wrapper.google-plus {
    background: #eb5e4c;
}

    .gritter-item-wrapper.google-plus .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.google-plus .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Dribbble */
.gritter-item-wrapper.dribbble {
    background: #f7659c;
}

    .gritter-item-wrapper.dribbble .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.dribbble .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Flickr */
.gritter-item-wrapper.flickr {
    background: #0063dc;
}

    .gritter-item-wrapper.flickr .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.flickr .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Linkedin */
.gritter-item-wrapper.linkedin {
    background: #238cc8;
}

    .gritter-item-wrapper.linkedin .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.linkedin .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Youtube */
.gritter-item-wrapper.youtube {
    background: #ef4e41;
}

    .gritter-item-wrapper.youtube .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.youtube .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Pinterest */
.gritter-item-wrapper.pinterest {
    background: #e13138;
}

    .gritter-item-wrapper.pinterest .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.pinterest .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Github */
.gritter-item-wrapper.github {
    background: #333333;
}

    .gritter-item-wrapper.github .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.github .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Tumblr */
.gritter-item-wrapper.tumblr {
    background: #426d9b;
}

    .gritter-item-wrapper.tumblr .gritter-item {
        color: #FFF;
    }

    .gritter-item-wrapper.tumblr .gritter-close {
        background-color: transparent;
        top: 5px;
    }
/*Colors */
.gritter-item-wrapper.primary {
    background: #7761a7;
}

.gritter-item-wrapper.success {
    background: #19b698;
}

.gritter-item-wrapper.info {
    background: #4aa3df;
}

.gritter-item-wrapper.warning {
    background: #f16e3f;
}

.gritter-item-wrapper.danger {
    background: #ea6153;
}

.gritter-item-wrapper.prusia {
    background: #3d566d;
}

.gritter-item-wrapper.dark {
    background: #23262b;
}
/* Gritter - Notification */