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

	&.top-left {
		left: 20px;
    	right: auto;
	}
	&.bottom-right {
		top: auto;
	    left: auto;
	    bottom: 20px;
	    right: 20px;
	}
	&.bottom-left {
		top: auto;
	    right: auto;
	    bottom: 20px;
	    left: 20px;
	}

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

		.gritter-item {
			display:block;
            #gradient.vertical(@messenger-bg;@messenger-bg1;0%;100%);
			border: 1px solid @messenger-border;
			color: @text-color;
			padding:10px 11px;
			font-size: 12px;
			border-radius: @messenger-br;
			.transition(all);
			.transition-duration(.4s);
            box-shadow: 1px 2px 10px @messenger-border;

			&:hover {
				#gradient.vertical(@messenger-bg1;@messenger-bg;0%;100%);
			}

			p {
				padding:0;
				margin:0;
				word-wrap:break-word;
			}

			.gritter-close {
				position:absolute;
				top:5px;
				right:7px;
				cursor:pointer;
				i {
					font-size: 16px;
					color: @text-color;
					.transition(background);
					.transition-duration(.4s);
				}
				&:hover {
					i {color: darken(@text-color, 3%);}
				}
			}

			.gritter-image {
				width:48px;
				height:48px;
				float:left;
				border-radius: @messenger-image-br;
			}

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

			.gritter-with-image {
				width:220px;
				float:right;
				padding: 0;
			}
			.gritter-without-image { padding:0; }

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

		}

		&.success-notice {
			.gritter-item {
				color: @messenger-success-color;
                #gradient.vertical(@messenger-success-bg;@messenger-success-bg1;0%;100%);
				border: 1px solid @messenger-success-border;
				&:hover {
					#gradient.vertical(@messenger-success-bg1;@messenger-success-bg;0%;100%);
				}
				.gritter-close {
					i {
						color: @messenger-success-color;
					}
					&:hover {
						i {color: darken(@messenger-success-color, 3%);}
					}
				}
                .gritter-icon {
                    color: @messenger-success-border;
                }
			}
		}
		&.info-notice {
			.gritter-item {
				color: @messenger-info-color;
				#gradient.vertical(@messenger-info-bg;@messenger-info-bg1;0%;100%);
				border: 1px solid @messenger-info-border;
				&:hover {
					#gradient.vertical(@messenger-info-bg;@messenger-info-bg1;0%;100%);
				}
				.gritter-close {
					i {
						color: @messenger-info-color;
					}
					&:hover {
						i {color: darken(@messenger-info-color, 3%);}
					}
				}
                .gritter-icon {
                    color: @messenger-info-border;
                }
			}
		}
		&.error-notice {
			.gritter-item {
				color: @messenger-error-color;
				#gradient.vertical(@messenger-error-bg;@messenger-error-bg1;0%;100%);
				border: 1px solid @messenger-error-border;
				&:hover {
					#gradient.vertical(@messenger-error-bg;@messenger-error-bg1;0%;100%);
				}
				.gritter-close {
					i {
						color: @messenger-error-color;
					}
					&:hover {
						i {color: darken(@messenger-error-color, 3%);}
					}
				}
                .gritter-icon {
                    color: @messenger-error-border;
                }
			}
		}

        &.warning-notice {
            .gritter-item {
                color: @messenger-warning-color;
                #gradient.vertical(@messenger-warning-bg;@messenger-warning-bg1;0%;100%);
                border: 1px solid @messenger-warning-border;
                &:hover {
                    #gradient.vertical(@messenger-warning-bg;@messenger-warning-bg1;0%;100%);
                }
                .gritter-close {
                    i {
                        color: @messenger-warning-color;
                    }
                    &:hover {
                        i {color: darken(@messenger-warning-color, 3%);}
                    }
                }
                .gritter-icon {
                    color: @messenger-warning-border;
                }
            }
        }
	}

}