//
// Alerts
// --------------------------------------------------

// Base styles
// -------------------------

.alert {
	padding: @alert-padding (@alert-padding + 2) @alert-padding @alert-padding;
	margin-bottom: @line-height-computed;
	//border: 1px solid transparent;
	border-left: 4px solid @gray;
	border-radius: @alert-border-radius;
	background-color: @well-bg;
	color: @text-color;

	// Headings for larger alerts
	h4 {
		margin-top: 0;
		// Specified for the h4 to prevent conflicts of changing @headings-color
		color: inherit;
	}

	// Provide class for links that match alerts
	a {
		//font-weight: @alert-link-font-weight;
	}

	// Improve alignment and spacing of inner content
	> p,
	> ul {
		margin-bottom: 0;
	}

	> p + p {
		margin-top: 5px;
	}
}

// Dismissible alerts
// Expand the right padding and account for the close button's positioning.
// -------------------------

.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
.alert-dismissible {
	padding-right: (@alert-padding + 20);

	// Adjust close link position
	.close {
		position: relative;
		top: -2px;
		right: -21px;
	}
}

// Size Variant
// Generate contextual modifier classes for colorizing the alert.
// -------------------------

.alert-sm {
	font-size: @font-size-base - 1;
	padding-top: 7px;
	padding-bottom: 7px;
	border-left-width: 3px;
}

// Contextual Variants
// Generate contextual modifier classes for colorizing the alert.
// -------------------------

.alert-success {
	.alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
}

.alert-info {
	.alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
}

.alert-warning {
	.alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
}

.alert-danger {
	.alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
}

// Inside Custom Elements
// -------------------------



// OLD (SAVED) ALERTS
// --------------------------------------------------------------------------------------------------------------
////
//// Alerts
//// --------------------------------------------------
//
//
//// Base styles
//// -------------------------
//
//.alert {
//  padding: @alert-padding;
//  margin-bottom: @line-height-computed;
//  border: 1px solid transparent;
//  border-radius: @alert-border-radius;
//
//  // Headings for larger alerts
//  h4 {
//    margin-top: 0;
//    // Specified for the h4 to prevent conflicts of changing @headings-color
//    color: inherit;
//  }
//  
//  // Provide class for links that match alerts
//  .alert-link {
//    font-weight: @alert-link-font-weight;
//  }
//
//  // Improve alignment and spacing of inner content
//  > p,
//  > ul {
//    margin-bottom: 0;
//  }
//  
//  > p + p {
//    margin-top: 5px;
//  }
//}
//
//// Dismissible alerts
////
//// Expand the right padding and account for the close button's positioning.
//
//.alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
//.alert-dismissible {
//  padding-right: (@alert-padding + 20);
//
//  // Adjust close link position
//  .close {
//    position: relative;
//    top: -2px;
//    right: -21px;
//    color: inherit;
//  }
//}
//
//// Alternate styles
////
//// Generate contextual modifier classes for colorizing the alert.
//
//.alert-success {
//  .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
//}
//
//.alert-info {
//  .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
//}
//
//.alert-warning {
//  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
//}
//
//.alert-danger {
//  .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
//}