.alarmContainer {
	width:0px;
	height:0px;
	top:0px;
	left:0px;
	z-index:100000;
	overflow: hidden;
}

.alarm {
	position:fixed;
	bottom:0px;
	right:0px;
	width:220px;
	height:150px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background-color:#333333;
	color:#FFFFFF;
	visibility:hidden;
	text-shadow: none;
	z-index:100000;
}

.alarm1 {
	bottom:45px;
}

.alarm2 {
	bottom:90px;
}

.alarm3 {
	bottom:135px;
}

.alarm4 {
	bottom:180px;
}

.alarmTitle {
	position:relative;
	left:0px;
	top:0px;
	/*background-color:#525252;*/
	width:100%;
	height:28px;
	border-style: hidden hidden solid hidden;
	border-width: 1px;
	border-color: black;
}

.alarmDate {
	padding-left:5px;
	padding-top:10px;
	font-size:10px;
}

.alarmMessage {
	font-size:10px;
	text-align:center;
	width:100%;
	height:80px;
	background:transparent;
	padding-top:3px;
}

.alarmButtons {
	position:absolute;
	bottom:5px;
	/*left:37px;*/
	text-align:center;
	width:100%;
}

.alarmButton {
   	border-color:#000000;
	background-color:transparent;
	width:40px;
	height:40px;
	margin-right:8px;
	background-size:100% 100%;
	background-repeat:no-repeat;
	border-style: solid;
	border-width: 1px;
}

.alarmClose {
	float:right;
	padding-right:5px;
	padding-top:3px;
	cursor:pointer;
}

.commentAlarmContainer {
	top:0px;
	left:0px;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	visibility:hidden;
	z-index:100000;
	overflow:hidden;
}

.commentAlarm{
	position:relative;
	border-style:solid;
	height:225px;
	width:400px;
	max-width:100%;
	background-color:#333333;
	margin-left: auto ;
  	margin-right: auto ;
  	top:25%;
  	z-index:100000;
}

.commentTitle {
margin-left:5px;
color:white;
margin-bottom:5px;
}

.commentText {
	margin:5px;
	height:50px;
	width:380px;
	max-width:100%;
	resize:none;
}

.commentLabel {
	font-size:10px;
}

.commentButtons{
margin:5px;
right:0px;
bottom:0px;
position:absolute;
}

.chkMtAlarm {
	margin-left:0px;
}

.dateAlarm {
	margin: 5px;
}