/*wizard base*/
.wizard {
    background-color: #f8f8f8;
    border-bottom: 2px solid #355f87;
    border-top: 30px solid #355f87;;
    border-left: 2px solid #355f87;;
    border-right: 2px solid #355f87;;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: calc(100% - 100px);
    width: calc(100% - 100px);
    max-width: 1000px;
    max-height: 700px;
    font-size: 12px;
    text-align: center;
    z-index: 50;
    border-radius: 10px;
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
    /* 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');

}

.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: #000;
    text-align: center;
    padding: 5px;
}

.install-wizard .install-content .dataWarning {
    background-color: #FFFF00;
    color: #000;
    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);
}

/*.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: 100%;
    border: none;
    background-color: #FFFFFF;
}


/*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: 49;
}

/*.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: #fff;
}

.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: 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;
}


/*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;*/
/*}*/