//
// Alert
//
.qazana-alert {
	padding: 15px;
	border-left: 5px solid transparent;
	position: relative;
	text-align: $start;

	.qazana-alert-title {
		display: block;
		font-weight: bold;
	}

	.qazana-alert-description {
		font-size: 13px;
	}

	button.qazana-alert-dismiss {
		position: absolute;
		@include end(10px);
		top: 10px;
		padding: 3px;
		font-size: 13px;
		line-height: 1;
		background: transparent;
		color: inherit;
		border: none;
	}

	&.qazana-alert-info {
		color: $info-text;
		background-color: $info-bg;
		border-color: $info-border;
	}

	&.qazana-alert-success {
		color: $success-text;
		background-color: $success-bg;
		border-color: $success-border;
	}

	&.qazana-alert-warning {
		color: $warning-text;
		background-color: $warning-bg;
		border-color: $warning-border;
	}

	&.qazana-alert-danger {
		color: $danger-text;
		background-color: $danger-bg;
		border-color: $danger-border;
	}
}

// Responsive mode
@media (max-width: $screen-sm-max) {

	.qazana-alert {
		padding: 10px;

		button.qazana-alert-dismiss {
			right: 7px;
			top: 7px;
		}
	}
}