/* dialog */
#dialog-container {
	display:none;
	cursor: move;
}
#dialog {
  background-color: #FFF;
  min-width: 360px;
 }
#dialog-container .Modal-header{
	color: #fff;
	font-size: 16px;
	background-color: #00C;
	padding-left: 10px;	
	}
#dialog-container .ModalClose {
	text-decoration:none;
	float: right;
	color:#FFF;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 2px;
}
#dialog-container .ModalClose:hover,
#dialog-container .ModalClose:focus {
	cursor: default;
	color: #CCC;
}
#dialog-container .message {
	background-color: #FFF;
	color:#F00;
	font-size:12px;
	padding:10px;
}

/* Confirm */
#confirm-container {
	display:none;
  }
#confirm {	
	min-width: 360px;
	background-color: #FFF;
}
#confirm-container .Modal-header {
	font-size: 16px;
	background-color: #00C;
	padding-left: 10px;
	color:#fff;
}
#confirm-container .ModalClose {
	text-decoration:none;
	float: right;
	color:#FFF;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 2px;
}
#confirm-container .ModalClose:hover,
#confirm-container .ModalClose:focus {
	cursor: default;
	color: #CCC;
}
#confirm-container .message {
	color:#F00;
	font-size:12px;
	padding:5px;
	background-color: #FFF;
}

#confirm-container .buttons {
	text-align:right;
	background-color: #FFF;
	padding: 10px;
	height:20px;
} 
#confirm-container .buttons div {
	float:right;
	margin-left:5px;
	width:70px;
	color:#000;
	font-weight:bold;
	text-align:center;
	border:1px solid #bbb;
	cursor:pointer;
	background-color: #CCC;
} 

@media screen and (max-width: 775px) {
#dialog-container  {	
  position: absolute !important;
  left: 10% !important;
  transform: translateX(-10%) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  }
#confirm-container  {
  position: absolute !important;
  left: 10% !important;
  transform: translateX(-10%) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  }
 }