@import '../default.less';
@import '../mixins.less';
//DON'T ADD IMPORTS, ABOVE ARE TO MAKE INTELLISENSE WORK

@charcoal: #353d40;
@off-white: #f0f0ec;
@sky: #c8d7df;
@soft-green: #d1e9d1;

#update-alert-dialog
{
	background-color: @off-white;
	font: 16px @title-font;
	color: #292929;
	.hires("/img/v7/ico-mail");
	background-size: 40px 40px !important;
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 20px 10px 10px 75px;

	h4
	{
		margin: 0;
		font: bold 16px @title-font;
		text-transform: uppercase;
		color: @charcoal;
	}

	select
	{
		margin-right: 10px;
		padding: 2px;
		font: 16px @title-font;
		color: #292929;
		border: solid 1px white;


		html[dir='rtl'] &
		{
			.margin-left-right(10px, 0);
		}
	}

	input
	{
		padding: 2px;
		font: 16px @title-font;
		color: #292929;
		border: solid 1px white;
	}

	p
	{
		margin-top: 5px;
		margin-bottom: 10px;
		font: 16px @title-font;
		color: #292929;
	}

	p#error
	{
		color: #c13a3f;
	}

	> div
	{
		width: 74%;
		display: inline-block;
		vertical-align: middle;
	}

	#subscribe-for-alerts
	{
		padding: 0;
		font: bold 14px @title-font;
		color: @charcoal;
		text-decoration: none;
		width: 200px;
		height: 40px;
		vertical-align: middle;
		line-height: 40px;

		.ui-button-text
		{
			line-height: 40px;
		}
	}
}