/*wizard base*/
.wizard {
	background-color: #f8f8f8;
	border-bottom: 2px solid #32689b;
	border-top: 30px solid #32689b;
	border-left: 2px solid #32689b;
	border-right: 2px solid #32689b;
	position: absolute;
	bottom: 50%; /* #2704 Use right/bottom instead of top/left to fix IE11 scrollbar issues. See Microsoft SO reply here: https://stackoverflow.com/questions/27000492/css3-transform-property-working-differently-in-internet-explorer */
	right: 50%; /* #2704 Use right/bottom instead of top/left to fix IE11 scrollbar issues. See Microsoft SO reply here: https://stackoverflow.com/questions/27000492/css3-transform-property-working-differently-in-internet-explorer */
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	height: calc(100% - 70px);
	width: calc(100% - 100px);
	max-width: 1000px;
	max-height: 700px;
	font-size: 12px;
	text-align: center;
	z-index: 95; /* #2768 Update .wizard-overlay if changing this z-index. */
	border-radius: 4px;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.3), 0 0 20px 0px rgba(0, 0, 0, 0.38);
}

.wizard .title {
	color: #ffffff;
	font-size: 12px;
	left: 15px;
	position: absolute;
	top: -22px;
}

.wizard .progress-bar {
	border-bottom: 1px solid #999999;
	position: absolute;
	top: 10px;
	width: 100%;
}

.wizard .title-1-div {
	margin-bottom: 5px;
	margin-left: 15px;
	text-align: left;
	float: left;
}

.wizard .logo {
	background: url("../../global/widgets/ribbon/icons/wizard2-35x35.png");
	width: 35px;
	height: 35px;
	float: left;
}

.wizard .title-1 {
	display: block;
	float: left;
	font-size: 22px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 7px;
	text-align: left;
}

.wizard .steps {
	display: block;
	position: relative;
	top: -25px;
}

.wizard-checkbox-label > .t-checkbox {
	vertical-align: middle;
	margin-right: 5px;
}

.wizard .progress {
	height: 35px;
	width: 97%;
	background-color: #eaeaea;
}

progress::-webkit-progress-bar {
	background-color: #eaeaea;
}

progress::-webkit-progress-value {
	background: #eaeaea;
	background: -moz-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57beff), color-stop(100%, #12a3ff));
	background: -webkit-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: -o-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: -ms-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: linear-gradient(to bottom, #57beff 0%, #12a3ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57beff', endColorstr='#12a3ff', GradientType=0);

}

progress::-moz-progress-bar {
	background: #eaeaea;
	background: -moz-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57beff), color-stop(100%, #12a3ff));
	background: -webkit-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: -o-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: -ms-linear-gradient(top, #57beff 0%, #12a3ff 100%);
	background: linear-gradient(to bottom, #57beff 0%, #12a3ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57beff', endColorstr='#12a3ff', GradientType=0);

}

.wizard .content {
	position: absolute;
	top: 101px;
	width: 100%;
	height: calc(100% - 160px);
	overflow-y: auto;
	overflow-x: hidden;
}

.wizard .step-title .wizard-label, .wizard .step-tip {
	font-weight: normal;
}

.wizard .wizard-label {
	font-weight: bold;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: both;
}

.wizard .wizard-label p {
	padding-top: 10px;
	padding-bottom: 10px;
}

.wizard .wizard-form-item-div {
	clear: both;
	float: left;
	position: relative;
	margin-left: 280px;
	margin-bottom: 10px;
	text-align: right;
}

.wizard .wizard-form-item-div .form-item-label {
	float: left;
	min-width: 180px;
	margin-right: 10px;
	padding-top: 4px;
}

.wizard .wizard-form-item-div .form-item-input-div {
	float: left;
}

.wizard .wizard-grid-div {
	padding-left: 5px;
}

.wizard .inside-editor {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wizard .inside-editor-render {
	margin: auto;
}

.wizard .wizard-inside-editor {
	/*margin-left: 280px;*/
}

.wizard .bottom-actions {
	border-top: 1px solid #999999;
	bottom: 40px;
	padding-top: 5px;
	position: absolute;
	width: 100%;
}

.wizard .move-buttons-div {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	position: absolute;
}

.wizard .confirm-buttons-div {
	position: absolute;
	right: 10px;
}

.wizard .back-btn {
	background-image: url("../../global/widgets/ribbon/icons/back-35x35.png");
	background-color: transparent;
	background-position: 0px 0px;
	border: medium none;
	height: 35px;
	width: 35px;
	cursor: pointer;
	padding: 0;
}

.wizard .forward-btn {
	background-image: url("../../global/widgets/ribbon/icons/next-35x35.png");
	background-color: transparent;
	background-position: 0 0;
	border: medium none;
	height: 35px;
	width: 35px;
	cursor: pointer;
	padding: 0;
}

.wizard .done-btn {
	background-image: url("../../global/widgets/ribbon/icons/done-35x35.png");
	background-color: transparent;
	background-position: 0px 0px;
	border: medium none;
	height: 35px;
	width: 35px;
	cursor: pointer;
	padding: 0;
}

.wizard .close-btn {
	background-image: url("../../global/widgets/ribbon/icons/close_misc-35x35.png");
	background-color: transparent;
	background-position: 0px 0px;
	border: medium none;
	height: 35px;
	width: 35px;
	cursor: pointer;
	padding: 0;
}


/*install wizard*/
.install-wizard .progress-bar {
	border-bottom: 1px solid #999999;
	position: relative;
	top: 0;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.wizard .install-content {
	top: 70px;
}

.install-wizard .install-content .dataError {
	background-color: #ff0000;
	color: #000000;
	text-align: center;
	padding: 5px;
}

.install-wizard .install-content .dataWarning {
	background-color: #ffff00;
	color: #000000;
	text-align: center;
	padding: 5px;
}

.install-wizard .license,
.install-wizard .databaseConfig,
.install-wizard .user,
.install-wizard .company,
.install-wizard .systemSettings,
.install-wizard .requirements {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 90px)
}

.install-wizard .license,
.install-wizard .databaseConfig,
.install-wizard .user,
.install-wizard .company,
.install-wizard .systemSettings {
	overflow-y: auto;
	overflow-x: hidden;
}

.install-wizard .license > .t-text-area {
	margin-bottom: 5px;
}

.install-wizard .license .t-checkbox {
	vertical-align: middle;
}

.install-wizard .requirements {
	height: auto;
}

.install-wizard .requirements,
.install-wizard .databaseConfig,
.install-wizard .systemSettings,
.install-wizard .company,
.install-wizard .user {
	width: 96%;
	margin: 0 auto;
}

.install-wizard .requirements .s-header,
.install-wizard .requirements .s-body,
.install-wizard .requirements .s-label,
.install-wizard .requirements .s-require {
	width: 100%;
	clear: both;
}

.install-wizard .requirements .s-require {
	overflow-y: auto;
	overflow-x: hidden;
}

.install-wizard .requirements .s-require .all-ok {
	background: none repeat scroll 0 0 #ffffff;
	float: left;
	height: 60px;
	line-height: 60px;
	width: 100%;
	color: #375a7c;
	font-weight: bold;
}

.install-wizard .user {
	height: calc(100% - 120px)
}

.install-wizard .first-column,
.install-wizard .second-column {
	/*border-top: 1px solid #C7C7C7;*/
}

.install-wizard .first-column {
	/*border: 1px solid #C7C7C7;*/
	border-radius: 5px 5px 5px 5px;
	/*float: left;*/
	/*width: 48%;*/
	/*margin-bottom: 5px;*/
}

.install-wizard .edit-view-form-item-div {
	border-bottom: 1px solid #c7c7c7;
	float: left;
	width: 100%;
}

.install-wizard .edit-view-form-item-div .edit-view-form-item-label-div {
	background: none repeat scroll 0 0 #375a7c;
	border-right: 2px solid #ae0000;
	float: left;
	height: 32px;
	margin-right: 10px;
}

.install-wizard .edit-view-form-item-label-div {
	width: 29%;
}

.install-wizard .edit-view-form-item-div .edit-view-form-item-label {
	color: #ffffff;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	min-width: 135px;
	padding-right: 7px;
	text-align: right;
}

.install-wizard .edit-view-form-item-div .edit-view-form-item-input-div {
	float: left;
	margin-right: 5px;
	margin-top: 4px;
	width: 69%;
	height: 100%;
	text-align: left;
}

.install-wizard .edit-view-form-item-div .edit-view-form-item-input-div span.custom-t-text {
	display: inline-block;
	float: left;
	width: 100%;
	height: 100%;
	text-align: left;
	word-break: break-all;
}

.install-wizard .requirements .second-column .edit-view-form-item-div {
	display: none;
}

.install-wizard .fifth-column {
	margin-top: 10px;
}

.install-wizard .content-handle-btn {
	height: 40px;
	padding-top: 10px;
	position: relative;
}

.install-wizard .ribbon-button-bar ul li .ribbon-sub-menu-icon {
	margin-left: 15px;
}

/*.wizard.change-password-wizard {*/
/*margin: 0;;*/
/*}*/

/*forgot-password*/
.forgot-password {
	height: 90px;
	margin: 0;
	padding: 0;
	top: 45%;
	width: 500px;
}

.forgot-password .wizard-form-item-div {
	clear: both;
	float: left;
	/*margin-left: 280px;*/
	/*margin-bottom: 10px;*/
	text-align: right;
	margin: 0;
	width: 100%;
}

.forgot-password .wizard-form-item-div .form-item-label {
	float: left;
	min-width: 180px;
	margin-right: 10px;
	line-height: 20px;
}

.forgot-password .wizard-form-item-div .form-item-input-div {
	float: left;
}


/*report wizard*/
.report-view-wizard {
	max-width: none;
	max-height: none;
	width: calc(100% - 25px);
	z-index: 150;
}

/*.report-view-wizard {*/
/*left: 2%;*/
/*top: 10px;*/
/*margin: 0;*/
/*width: 96%;*/
/*height: auto;*/
/*position: absolute;*/
/*bottom: 10px;*/
/*}*/

.report-view-wizard .close-icon {
	color: #ffffff;
	right: 5px;
	position: absolute;
	top: -22px;
	cursor: pointer;
	font-size: 0px;
	background-image: url("../../global/widgets/ribbon/icons/cancel-35x35.png");
	background-size: 15px;
	width: 15px;
	height: 15px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);

	filter: grayscale(100%);
	/* filter: url(gray.svg#grayscale); */

	filter: gray;

}

.report-view-wizard > .content {
	position: absolute;
	height: auto;
	top: 0;
	bottom: 5px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	width: 100%;
}

.report-view-wizard > .content > .iframe {
	width: 100%;
	height: 99%;
	border: none;
	background-color: #ffffff;
}

.report-view-wizard > .content {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch; /* Allow apple devices to scroll the report iframe */

}


/*reset forgot password wizard*/
.reset-forgot-password {
	height: 180px;
	margin: 0;
	padding: 0;
	top: 40%;
	width: 500px;
}

/*.reset-forgot-password .content {*/
/*position: absolute;*/
/*top: 101px;*/
/*width: 100%;*/
/*overflow: auto;*/
/*overflow-x: hidden;*/
/*}*/

.reset-forgot-password .wizard-form-item-div {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: right;
}

/*.reset-forgot-password .wizard-form-item-div {*/
/*clear: both;*/
/*float: left;*/
/*margin-left: 280px;*/
/*margin-bottom: 10px;*/
/*text-align: right;*/
/*margin: 0;*/
/*width: 100%;*/
/*}*/

/*.reset-forgot-password .wizard-form-item-div .form-item-label {*/
/*float: left;*/
/*min-width: 180px;*/
/*margin-right: 10px;*/
/*line-height: 20px;*/
/*}*/

.wizard .ribbon-button-bar {
	border-top: 1px solid #999999;
	bottom: 0px;
	padding-top: 5px;
	position: absolute;
	width: 100%;
	background: #f8f8f8;
	left: 0;
}

.wizard-content {
	display: none;
}

.content .wizard-content {
	display: block;
	margin: 0 auto;
	width: 50%;
	height: 100%;
	padding-top: 10px;
}

.wizard-content .wizard-item {
	width: 100%;
	height: 30px;
	line-height: 30px;
}

.wizard-content .wizard-item .wizard-item-label {
	float: left;
	width: 40%;
}

.wizard-content .wizard-item .wizard-item-label span {
	float: right;
	margin-left: 5px;
	margin-right: 7px;
	text-align: right;
}

.wizard-content .wizard-item .wizard-item-widget {
	float: left;
	width: 60%;
	text-align: left;
	height: 26px;
	line-height: 26px;
	padding-top: 4px;

}

.wizard-overlay {
	background: rgba(0, 0, 0, 0.6);
	/*width: 100%;*/
	/*height: 100%;*/
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 92; /* #2768 Wizards 95, edit-views 90, so 92 is inbetween to allow flexibility either side. Search code for 'z-index:' before adjusting. */
}

/*.wizard .edit-view-form-item-label-div-first-row {*/
/*border-top-left-radius: 5px;*/
/*}*/

.wizard .wizard-acombobox-div {
	float: left;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	margin-bottom: 15px;
	/*margin-left: 420px;*/
}

.wizard .menu ul {

}

.wizard .top-des {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: left;
	width: 100%;
}

.wizard .bottom-des {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	text-align: left;
	width: 100%;
}

.wizard-image-preview {
	width: 400;
	height: 300;
}

.wizard-bg {
	/*background: rgba(0, 0, 0, 0.6);*/
	/*position: absolute;*/
	/*top: 0;*/
	/*width: 100%;*/
	/*height: 100%;*/
}

.wizard-edit-view {
	overflow: auto;
	bottom: 63px;
	position: absolute;
	right: 0;
	left: 0;
	top: 35px;
	overflow-x: hidden;
}

.wizard-edit-view .first-column {
	border: 1px solid #c7c7c7;
	border-radius: 5px 5px 5px 5px;
	float: left;
	width: 48%;
	margin-bottom: 5px;
	margin-left: 5px;
}

.wizard-edit-view .first-column-full {
	width: 988px;
	margin-left: 5px;
}

.wizard-edit-view .first-column > :nth-child(1) > :nth-child(1),
.wizard-edit-view .second-column > :nth-child(1) > :nth-child(1) {
	border-top-left-radius: 5px;
}

.wizard-edit-view .first-column > :last-child,
.wizard-edit-view .second-column > :last-child {
	border-bottom: none;
}

.wizard-edit-view .first-column > :last-child > :nth-child(1),
.wizard-edit-view .second-column > :last-child > :nth-child(1) {
	border-bottom-left-radius: 5px;

}

.wizard-edit-view .second-column {
	border: 1px solid #c7c7c7;
	border-radius: 5px 5px 5px 5px;
	float: left;
	width: 50%;
	margin-left: 5px;
	margin-bottom: 5px;
}

.wizard .wizard-form-item-div-inside {
	clear: both;
	float: left;
	border-bottom: 1px solid #c7c7c7;
	text-align: right;
	width: 100%;
}

.wizard .wizard-form-item-div-inside .form-item-label {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	margin-left: 5px;
	color: #ffffff;
}

.wizard .wizard-form-item-div-inside .form-item-input-div {
	float: left;
	margin-top: 5px;
}

.wizard .wizard-form-item-div-inside .edit-view-form-item-label-div {
	background: #375a7c;
	border-right: 2px solid #ae0000;
	float: left;
	height: 32px;
	margin-right: 10px;
}

.wizard .download-label {
	font-weight: normal;
	cursor: pointer;
	color: #25abff;
	margin-bottom: 0px;
}

.wizard .download-label:hover {
	text-decoration: underline;
}

/*forgot-password*/
.forgot-password {
	height: 122px;
	margin: 0;
	padding: 0;
	top: 35%;
	width: 500px;
}

.forgot-password .wizard-form-item-div {
	clear: both;
	float: left;
	/*margin-left: 280px;*/
	/*margin-bottom: 10px;*/
	text-align: right;
	margin: 0;
	width: 100%;
}

.forgot-password .wizard-form-item-div .form-item-label {
	float: left;
	min-width: 180px;
	margin-right: 10px;
	line-height: 20px;
}

.forgot-password .wizard-form-item-div .form-item-input-div {
	float: left;
}


/*reset forgot password wizard*/
.reset-forgot-password {
	height: 180px;
	margin: 0;
	padding: 0;
	top: 40%;
	width: 500px;
}

/*.reset-forgot-password .content {*/
/*position: absolute;*/
/*top: 101px;*/
/*width: 100%;*/
/*overflow: auto;*/
/*overflow-x: hidden;*/
/*}*/

.reset-forgot-password .wizard-form-item-div {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom: 10px;
	text-align: right;
}

/*.reset-forgot-password .wizard-form-item-div {*/
/*clear: both;*/
/*float: left;*/
/*margin-left: 280px;*/
/*margin-bottom: 10px;*/
/*text-align: right;*/
/*margin: 0;*/
/*width: 100%;*/
/*}*/

/*.reset-forgot-password .wizard-form-item-div .form-item-label {*/
/*float: left;*/
/*min-width: 180px;*/
/*margin-right: 10px;*/
/*line-height: 20px;*/
/*}*/
.wizard .progress {
	height: 35px;
	width: 97%;
	background-color: #eaeaea;
	display: block;
	margin: 0 auto;
}

.wizard .content .grid-div {
    margin: 0;
}