@CHARSET "UTF-8";
modal-dialog,#modal_dialog,#modal_dialog_confirm,#modal_dialog_uncaughterror{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	visibility:hidden;
	opacity:0;
}
modal-dialog{
	transition:opacity 0.1s ease, visibility 0.1s ease;;
	z-index: 100;
}
modal-dialog.vanish,
modal-dialog.vanish #modal_dialog,
modal-dialog.vanish #modal_dialog_confirm,
modal-dialog.vanish #modal_dialog_uncaughterror{
	transition:none;
	opacity:0;
	visibility:hidden;
}
modal-dialog.show{
	opacity:1;
	visibility:visible;
	transition:opacity 0.1s ease;
}
#modal_dialog,#modal_dialog_confirm,#modal_dialog_uncaughterror{
	background-color: #FFFFFF;
	margin: auto;
	padding: 10px 20px;
	padding-bottom:40px;
	box-shadow: 0px 3px 14px rgba(0,0,0,0.3);
	transform:scale(0.9);
	transition:transform 0.1s ease-in, opacity 0.1s ease, visibility 0.1s ease;
}
#modal_dialog.show, #modal_dialog_confirm.confirm ,#modal_dialog_uncaughterror.confirm{
	visibility:visible;
	transform:scale(1);
	opacity:1;
	transition:transform 0.1s ease, opacity 0.1s ease-in;
}
#modal_dialog.confirm{
	z-index:-1;
}
#modal_dialog {
	width: 550px;
	height: 500px;
}
#modal_dialog_back {
	overflow: auto;
	position: absolute;
	background-color: rgba(0,0,0,0.3);
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
}
#modal_dialog_confirm{
	width: 300px;
	height: 60px;
	padding-top:40px;
}
#modal_dialog_uncaughterror{
	width: 400px;
	height: 200px;
	padding-top:40px;
}
#modal_dialog_uncaughterror .uncaughtmessages{
	overflow-y:auto;
	height:100%;
	word-break:break-all;
}
#modal_dialog_uncaughterror .uncaughtmessages div.annotation{
	margin:0;
}
#modal_dialog_title {
	text-align: left;
	font-size: 16px;
	height: 20px;
	margin-bottom: 10px;
	padding-left:25px;
	padding-right: 24px;
}
modal-dialog .modalclose,
#modal_dialog .modalreturn{
	cursor: pointer;
	position: absolute;
	top: 10px;
	transition:background-color 0.2s ease,border-radius 0.2s ease;
	width: 24px;
	height: 24px;
}
modal-dialog .modalclose:HOVER,
#modal_dialog .modalreturn:HOVER{
	background-color: #f1f2f3;
    border-radius: 10px;
	transition:background-color 0.2s ease,border-radius 0.15s ease;
}
modal-dialog .modalclose {
	right: 15px;
}
#modal_dialog .modalreturn{
	left: 15px;
}
#modal_dialog .modalicon{
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 15px;
	width: 24px;
	height: 24px;
}
.modalcontentwrapper{
	position:absolute;
	left:20px;
	right:20px;
	top:48px;
	bottom:42px;
	overflow-x: hidden;
}

.modalcontent_current,.modalcontent_left,.modalcontent_right{
	padding: 10px 20px;
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	transition:margin-left 0.3s ease,visibility 0s linear 0.1s;
	overflow-y: auto;
}
.modalcontent_left{
	margin-left:-100%;
	transition: margin-left 0.3s ease,visibility 0s linear 0.1s;
	visibility: hidden;
}
.modalcontent_right{
	margin-left:100%;
	transition: margin-left 0.3s ease,visibility 0s linear 0.1s;
	visibility: hidden;
}
.modalcontentwrapper div.label{
	min-height:27px;
	line-height: 29px;
}
.modalcontentwrapper div.errormessage,
.modalcontentwrapper div.commonerrormessage{
	color: #f26080;
	font-size: 12px;
}
.modalcontentwrapper div.annotation{
	padding: 10px;
	background-color: #fafafa;
	border-radius: 3px;
}
.modalcontentwrapper div.modalitem,
.modalcontentwrapper div.commonerrormessage{
	padding: 10px 5px;
}
.modalcontentwrapper div.errormessage{
	padding: 0px 5px;
}
modal-dialog .commonmessage{
	padding:10px 20px;
	position:absolute;
	bottom:40px;
}
.modalcontentwrapper div.modalitemtop{
	padding: 10px 5px;
	padding-top: 0px;
}
input[type=password],input[type=text]{
	border:0px;
	height: 23px;
	padding: 0px 7px;
	/* border-radius:2px; */
	
	transition:border-color 0.3s ease;
}
input.errorinput{
	border-color:#f26080;
	transition:border-color 0.3s ease;
}
input.errorinput:HOVER{
	border-color:#ff87b9;
	transition:border-color 0.3s ease;
}
input.errorinput:FOCUS{
	border-color:#F4CC76;
	transition:border-color 0.1s ease;
}
select{
	border:0px;
	height: 23px;
	/* border-radius:2px; */
	padding:0px 5px;
	transition:border-color 0.3s ease;
	font-size: 14px
}
input[type=password]:HOVER,
input[type=text]:HOVER,
select:HOVER{
	transition:border-color 0.3s ease;
}
input[type=password]:FOCUS,
input[type=text]:FOCUS,
select:FOCUS{
	transition:border-color 0.1s ease;
}
input[type=password][disabled],
input[type=password][disabled]:HOVER,
input[type=password][disabled]:FOCUS,
input[type=password][disabled]:ACTIVE,
input[type=text][disabled],
input[type=text][disabled]:HOVER,
input[type=text][disabled]:FOCUS,
input[type=text][disabled]:ACTIVE,
select[disabled],
select[disabled]:HOVER,
select[disabled]:FOCUS,
select[disabled]:ACTIVE{
	background-color:#fff;
	border-color:#ddd;
	color:#ddd;
}
input.text135{
	width: 135px;
}
input.text250{
	width: 250px;
}
input.text300{
	width: 300px;
}
.modalcontentwrapper div.modalitembutton{
	padding: 15px 5px;
}
.modalbuttonwrapper{
	position: absolute;
	left:0px;
	right:0px;
	bottom: 10px;
	margin:auto;
	text-align: center;
}
input[type="button"].modalbutton,
input[type="submit"].modalbutton{
	background-color:#f1f2f3;
	color:#444;
	height:27px;
	width:150px;
	border:1px solid #ddd;
	border-radius:0px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.1);
}
input[type="button"].modalbutton:HOVER,
input[type="button"].modalbutton:FOCUS,
input[type="submit"].modalbutton:HOVER,
input[type="submit"].modalbutton:FOCUS {
	background-color:#F9F9F9;
	box-shadow:0px 2px 0px rgba(0, 0, 0, 0.1);
}
input[type="button"].modalbutton:ACTIVE,
input[type="submit"].modalbutton:ACTIVE {
	background-color:#e9eaeb;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.1);
}
input.modalbutton[disabled],
input.modalbutton:HOVER[disabled],
input.modalbutton:FOCUS[disabled],
input.modalbutton:ACTIVE[disabled]{
	background-color: #fff;
	color:#ddd;
	border-color:#ddd;
	box-shadow:0px 0px 0px;
	cursor: default;
}
input.modalbutton1{
	width:150px;
	height:30px;
	box-shadow: 0px 0px 1px rgba(82, 148, 222, 0.4);
}
input.modalbutton1:HOVER{
	box-shadow: 0px 1px 3px rgba(82, 148, 222, 0.4);
}

input.modalbutton1[disabled],
input.modalbutton1:HOVER[disabled],
input.modalbutton1:FOCUS[disabled],
input.modalbutton1:ACTIVE[disabled]{
	background-color: #fff;
	color:#ddd;
	border-color:#ddd;
	box-shadow:0px 0px 0px;
	cursor: default;
}
input[type="button"].modalbutton2,
input[type="submit"].modalbutton2{
	background-color:#f1f2f3;
	color:#444;
	width:150px;
	height:30px;
	box-shadow:0px 0px 1px rgba(0, 0, 0, 0.3);
}
input[type="button"].modalbutton2:HOVER,
input[type="button"].modalbutton2:FOCUS,
input[type="submit"].modalbutton2:HOVER,
input[type="submit"].modalbutton2:FOCUS {
	background-color:#F9F9F9;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input[type="button"].modalbutton2:ACTIVE,
input[type="submit"].modalbutton2:ACTIVE {
	background-color:#e9eaeb;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
}
#modal_dialog_confirm .modalbuttonwrapper,#modal_dialog_uncaughterror .modalbuttonwrapper{
	left:auto;
	right:20px;
}
#modal_dialog_confirm .modalbutton1,#modal_dialog_confirm .modalbutton2,#modal_dialog_uncaughterror .modalbutton1{
	width:100px;
}

modalloading{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100px;
	height:100px;
	
}
modalloading div.loadcircle{
	position: absolute;
	width:60px;
	height:60px;
	top:0;
	bottom:0;
	left:0;
	right:0px;
	margin:auto;
	animation:modalloadani 1.5s linear infinite;
}
@keyframes modalloadani{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}
modalloading div.loadparts {
	position: absolute;
	width:10px;
	height:10px;
	top:0;
	bottom:0;
	left:0;
	right:0px;
	margin:auto;
}
modalloading div.load1{
	top:30px;
	border-radius:100px;
	background-color:#fff;
	animation:modalloadani1 0.7s linear infinite;
}

@keyframes modalloadani1{
	0%{
		transform:scale(1.5,1.5);
	}
	25%{
		transform:scale(1,1);
	}
	50%{
		transform:scale(1,1);
	}
	75%{
		transform:scale(1,1);
	}
	100%{
		transform:scale(1.5,1.5);
	}
}
modalloading div.load2{
	right:30px;
	border-radius:100px;
	background-color:#fff;
	animation:modalloadani2 0.7s linear infinite;
}

@keyframes modalloadani2{
	0%{
		transform:scale(1,1);
	}
	25%{
		transform:scale(1,1);
	}
	50%{
		transform:scale(1,1);
	}
	75%{
		transform:scale(1.5,1.5);
	}
	100%{
		transform:scale(1,1);
	}
}
modalloading div.load3{
	bottom:30px;
	border-radius:100px;
	background-color:#fff;
	animation:modalloadani3 0.7s linear infinite;
}

@keyframes modalloadani3{
	0%{
		transform:scale(1,1);
	}
	25%{
		transform:scale(1,1);
	}
	50%{
		transform:scale(1.5,1.5);
	}
	75%{
		transform:scale(1,1);
	}
	100%{
		transform:scale(1,1);
	}
}
modalloading div.load4{
	left:30px;
	border-radius:100px;
	background-color:#fff;
	animation:modalloadani4 0.7s linear infinite;
}

@keyframes modalloadani4{
	0%{
		transform:scale(1,1);
	}
	25%{
		transform:scale(1.5,1.5);
	}
	50%{
		transform:scale(1,1);
	}
	75%{
		transform:scale(1,1);
	}
	100%{
		transform:scale(1,1);
	}
}