#tempo_jxxxg_custom_modal_div{
	display: none;
}

.modal_download{
	display: none;
	border-radius: 25px;
	z-index:9000;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	max-width: 500px;
	max-height: 90%;
	border-style: solid;
	border-color: #f76a0c;
	border-width: medium;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow-y: auto;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
  .modal_download{
		display: none;
		border-radius: 25px;
		z-index:9000;
		background-color:#ffffff;
		padding:5px 5px 5px 5px;
		width: 90%;
		max-width: 90%;
		max-height: 90%;
		border-style: solid;
		border-color: #f76a0c;
		border-width: medium;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		overflow-y: auto;
	}
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 400px) {
  .modal_download{
		display: none;
		border-radius: 25px;
		z-index:9000;
		background-color:#ffffff;
		padding:5px 5px 5px 5px;
		width: 300px;
		max-width: 300px;
		max-height: 90%;
		border-style: solid;
		border-color: #f76a0c;
		border-width: medium;
		position: fixed;
		top: 10%;
		left: 10%;
		/* bring your own prefixes */
		transform: translate(-10%, -10%);
		overflow-y: auto;
	}
}





/* Z-index of #mask must lower than #boxes .window */
#mask {
  content-visibility: auto;
  opacity: 0.42;
  z-index:8000;
  background-color:#343a40;
  display:none;
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: #000;*/
}