@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.load,
modal-dialog.preload,
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,
taskguard .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,
taskguard .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,
taskguard .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;
}
taskguard{
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	visibility:hidden;
	background-color: rgba(0,0,0,0.3);
	opacity:0;
	z-index: 101;
	transition:opacity 0.1s ease-in;
}
taskguard.show{
	visibility:visible;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	opacity:1;
}
taskguard.quick.show{
	justify-content: flex-end;
	transition:none;
}
taskguard .taskguarddialog{
	max-height:90%;
	max-width:90%;
	box-sizing:border-box;
	padding: 20px;
	background-color: #FFFFFF;
	opacity:0;
	transform:scale(0.9);
	box-shadow: 0px 3px 14px rgba(0,0,0,0.3);
	transition:opacity 0.1s ease-in, transform 0.1s ease-in;
	flex:0 0 auto;
}
taskguard.show .taskguarddialog{
	opacity:1;
	transform:scale(1);
}
taskguard.quick.show .taskguarddialog{
	margin-bottom:20px;
	transition:none;
}

modalloading{
	visibility:hidden;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
modal-dialog.load modalloading,
modal-dialog.preload modalloading{
	visibility:visible;
}
modalloading .modalloadrotate{
	position: absolute;
	width:60px;
	height:60px;
	top:0;
	bottom:0;
	left:0;
	right:0px;
	margin:auto;
}
modal-dialog.load modalloading .modalloadrotate{
	animation:modalloadrotate 10s linear infinite;
}
modal-dialog.preload modalloading .modalloadrotate{
	visibility:hidden;
	animation:modalloadrotate 10s linear .5s infinite;
}
@keyframes modalloadrotate{
	0%{ visibility:visible; }
	100%{ transform:rotate(360deg); }
}
modal-dialog.preload #modal_dialog_back{
	background-color: transparent;
}

modalloading .modalloaddot{
	position: absolute;
	height: 6px;
	width: 6px;
	border-radius:3px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
modalloading .modalloaddot1{
	top:30px;
	animation:modalloaddot 1s linear -0.875s infinite;
}
modalloading .modalloaddot2{
	top:21.213px;
	left:21.213px;
	animation:modalloaddot 1s linear -0.75s infinite;
}
modalloading .modalloaddot3{
	left:30px;
	animation:modalloaddot 1s linear -0.625s infinite;
}
modalloading .modalloaddot4{
	bottom:21.213px;
	left:21.213px;
	animation:modalloaddot 1s linear -0.5s infinite;
}
modalloading .modalloaddot5{
	bottom:30px;
	animation:modalloaddot 1s linear -0.375s infinite;
}
modalloading .modalloaddot6{
	bottom:21.213px;
	right:21.213px;
	animation:modalloaddot 1s linear -0.25s infinite;
}
modalloading .modalloaddot7{
	right:30px;
	animation:modalloaddot 1s linear -0.125s infinite;
}
modalloading .modalloaddot8{
	top:21.213px;
	right:21.213px;
	animation:modalloaddot 1s linear infinite;
}
@keyframes modalloaddot{
	0%{
		transform:scale(1.5,1.5);
		opacity:1;
	}
	87.5%{
		transform:none;
		opacity:0;
	}
	100%{
		transform:scale(1.5,1.5);
		opacity:1;
	}
}