body{

	background: radial-gradient(ellipse at 57% 56%, #fff 0%, #79d0ea 62%, #79d0ea 100%);
}



.version{
	position: absolute;
	/* right: 0; */
	left:78.5%;
	top: 0%;
	color: #79d0ea;
	font-size: 12px;
	text-align: right;
	width: 20%;

}


.version:hover{
	color: #00f;
	cursor: pointer;
}



.maintenance_message_box{
	position: absolute;
	height: 25%;
	width: 60%;
	background-color: #fff;
	font-family: sans-serif;
	font-size: x-large;
	top: 30%;
	left: 20%;
	color: #333;
	padding-top: 5%;
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	align-content: center;
	overflow: hidden;
}

.stripes_base_top {
	position: absolute;
	top: 0;
	left: 0;
	height: 5%;
	width: 100%;
	/* background-color:yellow; */
}

.stripes_base_bottom {
	position: absolute;
	top: 95%;
	left: 0;
	height: 5%;
	width: 100%;
	/* background-color:yellow; */
}

.stripes {
	background: repeating-linear-gradient(
			45deg,
			transparent,
			transparent 10px,
			#000 10px,
			#000 20px
	);
}



.rounded_rectangle{
	display:-moz-box;
	display:-webkit-box;

	-moz-box-pack:center;
	-webkit-box-pack:center;
	-webkit-box-flex:1;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;



}

@CHARSET "UTF-8";





.divDBkgdLogin{
	position: absolute;
	margin-left: 0;
	left:0;
	top: 0;
	z-index: 12;
	width: 100%;
	height: 100%;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 6.0;
	opacity: .60;
	display: none;
	overflow: hidden;
}


.dialogLogin{
	position: absolute;
	margin-left: -200px;
	left:50%;
	top: 5px;
	z-index: 13;
	width: 400px;
	/*height: 232px;*/
	height: 300px;
	/* background-color: #000040; */
	/*background-color: #ddd;*/
	font-size: 12px;
	display: none;
	overflow: hidden;

	/*background-image: linear-gradient(#aaa, #eee);*/

	/*background: -moz-linear-gradient(-0.00turn, #aaa, #ddd);*/
	/*background: -webkit-linear-gradient(-0.00turn, #aaa, #ddd);*/

}


.dialogContainerLogin{
	position: absolute;
	margin-left: -200px;
	left:50%;
	top: 5px;
	z-index: 13;
	width: 400px;
	height: 232px;
	background-color: #fff;
	font-size: 12px;
	display: none;
	overflow: hidden;
}



.dialogProgressLogin{
	position: absolute;
	margin-left: -200px;
	left:50%;
	top: 5px;
	z-index: 13;
	width: 400px;
	/*height: 232px;*/
	height: 300px;
	background-color: #000040;
	font-size: 12px;
	display: none;
	overflow: hidden;
}

.dialogBorderLogin{
	position: absolute;
	margin-left: -205px;
	left:50%;
	top: 144px;
	z-index: 12;
	width: 410px;
	height: 310px;
	/*height: 242px;*/
	/*background-color: #eee;*/
	/*background-color: #e1f1fd;*/
	background-color: #1e88e5;
	display: none;
	box-shadow: 10px 10px 5px #444;
	overflow: hidden;
}


.button{
	position: absolute;
	left:50%;
	top: 180px;
	width: 100px;
	margin-left: 50px;
	height: 30px;
	background-color: #aaaaaa;
	z-index: 14;

	vertical-align: middle;
}

.button_cancel{
	margin-left: -110px;
	cursor: pointer;
	box-shadow: 1px 1px 1px #ccc;
}

.button_solo{
	margin-left: -50px;
	cursor: pointer;
}

.button_submit{
	margin-left: 10px;
	cursor: pointer;
	box-shadow: 1px 1px 1px #ccc;
}

.button_text{
	position: absolute;
	width: 100px;
	top: 7px;
	height: 30px;
	/* color: #eee; */
	/* color: #546e7a; */
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-family: sans-serif;
	cursor: pointer;

}



.login{
	position: absolute;
	width:200px;
	resize: none;
}

.login_u{
	left: 40%;
	top: 30%;
	/*top: 77px;*/
	vertical-align: middle;
}

.login_p{
	left: 40%;
	top: 30%;
	/*top: 127px;*/
	vertical-align: middle;
}

.entry_label_login{
	position: absolute;
	left: 10%;
	top: 7px; /* 70 */
	width: 80%;
	height: 30px;
	color: #eee;
	/*#333;*/
	/*text-shadow: 1px 1px #ccc;*/
}

.user_label{
	top: 7px;
	left: 20px;
}

.pass_label{
	top: 7px;
	left:20px;
}


.input_label_text_login{
	position: absolute;
	/*left: 60%;*/
	width: 100px;
	top: 7px;
	/*top: 40%;*/
	height: 30px;
	/*color: #354ba0;*/
	color: #eee;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-family: sans-serif;
	cursor: pointer;

}



#secureIcon{
	position: absolute;
	left:10px;
	top: 10px;
	/* width: 50px;
	height: 50px;
	background-image: url('images/key.png'); */
}


.loginSecure{
	position: absolute;
	left:75px;
	top: 20px;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	font-family: sans-serif;
	color: #ffcc33;
}

.loginInsecure{
	position: absolute;
	left:75px;
	top: 20px;
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	font-family: sans-serif;
	color: #f00;
}

#imgProgress{
	position:absolute;
	left:32px;
	top:35px;
	width:48px;
	height:48px;
	z-index: 5;

	/* content: url('images/processing.gif'); */

}

#progressMessage{
	position:absolute;
	left:20px;
	top:20px;
	width: 360px;
	height: 100px;
	color:Black;
	font-weight:bold;
	background-color: white;
	z-index: 4;
	padding-top: 50px;
}

.dialog_adhoc_button{
	width: 17%;
	height: 80%;
	margin-left: auto;
	cursor: pointer;

	/* position: absolute;
    width: 14%;
    left: 43%;
    top: 91%; */
	/* padding-top: 5px;
      padding-bottom: 5px; */
}



.dialogAdHocBkgd{
	position: absolute;
	margin-left: 0;
	left:0;
	top: 0;
	z-index: 35;
	width: 100%;
	height: 100%;
	background-color: #000000;

	filter: alpha(opacity=60);
	-moz-opacity: 6.0;
	opacity: .60;


}


.dialogWaitBkgdContainer{
	position: absolute;
	/*margin-left: -15%;*/
	/*margin-top: -15%;*/

	left:50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 26;
	width: 30vw;
	height: 50vh;
	background-color: #fff;
	aspect-ratio: 16 / 9;



}

.dialogWaitBkgd{
	position: absolute;
	margin-left: 0;
	left:0;
	top: 0;
	z-index: 26;
	width: 100%;
	height: 100%;
	background-color: #fff;

	/* filter: alpha(opacity=60);
	-moz-opacity: 6.0;
	opacity: .60; */


}


.dialogAdHocTitle{
	position: absolute;
	width: 100%;
	display: block;
	top: 2%;
	/* line-height: 100px; */
	color: #111;
	font-size: x-large;
	text-align: center;
	text-shadow: 2px 2px 5px #ccc;
	/* 888	*/
}



.dialogAdHocSubtitle{
	position: absolute;
	margin-top: -1%;
	left: 0;
	top: 9%;
	width: 100%;
	display: block;
	/* line-height: 50px; */
	font-size:large;
	text-align: center;
	color : #777;
	/*text-shadow: 2px 2px 5px #ccc;*/

}


.dialogSubtitle{
	position: absolute;
	width: 100%;
	display: block;
	top: 8%;
	color: #111;
	font-size: medium;
	text-align: center;
	/*text-shadow: 2px 2px 5px #ccc;*/

}


.dialogContent{
	position: absolute;
	left: 25%;
	top: 15%;
	width: 50%;
	height: 70%;
	display: none;
	background-color: white;
	/* background-color: #74cfea; */

	/* border: 3px solid #000; */
	overflow: hidden;
	z-index: 36;

}



.d_button{
	width: 17%;
	height: 80%;
	margin-left: auto;
	cursor: pointer;

}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.modal {
	display: flex;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	/*display: flex;*/
	justify-content: center;
	align-items: center; /* Center vertically */
	visibility: hidden;
}

.modal-content {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 10px;
	width: 350px; /* Increased width */
	position: relative;
	text-align: center;
}

.close-btn {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 20px;
	cursor: pointer;
	color: #555;
}

.close-btn:hover {
	color: #f00;
}

h2 {
	margin: 0 0 20px 0;
	color: #333;
}

.input-container {
	position: relative;
	margin-bottom: 20px;
}

.input-container input {
	width: calc(100% - 20px); /* Adjust width to fit within the modal */
	max-width: 360px; /* Ensure inputs don't overflow */
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 5px;
	outline: none;
}

.input-container label {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff;
	padding: 0 5px;
	font-size: 14px;
	color: #999;
	pointer-events: none;
	transition: 0.2s ease all;
}

.input-container input:focus + label,
.input-container input:not(:placeholder-shown) + label {
	top: -10px;
	font-size: 12px;
	color: #354ba0;
}

.login-btn {
	width: 100%;
	padding: 10px;
	background-color: #1e88e5; /* Primary blue color */
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.login-btn:hover {
	background-color: #354ba0;
}