#notification {
	position 		: fixed;
	opacity 		: 0.95;
	background-color: #E8E8E8;
    z-index 		: 2000;
	/* the rest is dynamically set*/
}

#notification-box {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    opacity: 0;
}

#notification.mobile {
	width : 100%;
}

#notification table {
	width 		: 100%;
	table-layout: fixed;
}

#notification.desktop td.logo {
	width : 110px;
}

#notification.mobile td.logo {
	width : 50%;
	height: 30px;
}

#notification.desktop td.body {
	width 	: 750px;
}

#notification.mobile td.body {
	width 	: 100%;
}

#notification td.close {
	padding 		: 0;
	vertical-align	: top;
}

#notification.desktop td.close {
	width 	: 50px;
}

#notification.desktop.accept td.close {
	width : 100px;
}

#notification.mobile td.close {
	width 	: 50%;
	height 	: 40px;
}

#notification_logo {
	width 				: 90%;
	height 				: 90%;
	margin 				: 5%;
    background-image    : url('../../images/logo2.png');
    background-size     : contain;
    background-repeat   : no-repeat;
}

#notification.desktop #notification_logo {
	background-position	: center;
	min-height 			: 80px;
}

#notification.mobile #notification_logo {
	background-position	: left center;
}

#notification #notification-body {
	text-align	: center;
}

#notification #notification-body a {
	text-decoration: none;
}

#notification.desktop #notification-body {
	font-size 	: 18px;
}

#notification #html_wrapper {
    display: table-cell;
    width: 100vw;
    height: 50px;
    vertical-align: middle;
    padding: 7px 11px;
}


#notification.desktop #html_wrapper {
    min-height: 100px;
}

#notification.mobile #html_wrapper {
    min-height: 50px;
}

#notification #notification-html {
	font-size	: 16px;
	width 		: 100%;
}

#notification.mobile #notification-html {
	font-size	: inherit;
}

#notification #closeNotification {
	width 				: 50px;
	height 				: 50px;
	cursor				: pointer;
	background-image    : url('../../images/close_notification.svg');
    background-size     : 20px 20px;
    background-repeat   : no-repeat;
    background-position	: center;
	float 				: right;
}

#notification.accept #closeNotification {
	background-image: none;
	width 			: auto;
	color 			: #a33a2f;
	font-weight 	: 600;
	padding 		: 15px 15px 10px 10px;
	height 			: 1em;
}

#notification.accept #closeNotification:after {
	content : "ACCEPT";
}

#notification a {
	text-decoration: none;
}