/*!
 * This file is generated by the Dnn.ClientSide project.
 * Do not edit it directly.
 * Changes will be overwritten upon upgrades.
 * Localization by Soheil Kheiri / www.Dnnplus.ir 2026 / DNN 10.x
 */
body { background: #f4f4f4 url(body_bg.jpg) repeat-x 0 0; font-size: 12px }
    body #languageFlags { display: flex; justify-content: flex-end; gap: .5rem; margin-top: 1rem }
        body #languageFlags .selectedFlag { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 4px solid #3792ed }
    body .install, body form { max-width: 900px; margin: 0 auto }
    body .install { background-color: #fff; padding: 20px; box-shadow: 5px 5px 20px grey }
        body .install h2 { color: gray }
        body .install #tabs > ul { display: flex; list-style-type: none; width: 100%; padding: 0 }
            body .install #tabs > ul > li:last-child { flex-grow: 1 }
            body .install #tabs > ul > li { --tab-inactive-foreground-color: #999; --tab-active-foreground-color: #333; font-weight: 700 }
                body .install #tabs > ul > li a { text-decoration: none; color: var(--tab-inactive-foreground-color) }
                body .install #tabs > ul > li .dnnWizardStep { display: flex; align-items: center; height: 46px; background: transparent url(../../../../../images/InstallWizardBG.png) repeat-x; padding-left: 2rem }
                    body .install #tabs > ul > li .dnnWizardStep .dnnWizardStepNumber { width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; border: 1px solid var(--tab-inactive-foreground-color); background-color: var(--tab-inactive-foreground-color); border-radius: 50%; color: #fff; margin-right: .5rem }
                body .install #tabs > ul > li .dnnWizardStepArrow { width: 25px; height: 46px; background: transparent url(../../../../../images/InstallWizardBG.png) no-repeat; background-position: 0 -401px; margin-left: 2rem }
                body .install #tabs > ul > li.ui-tabs-active a { color: var(--tab-active-foreground-color) }
                body .install #tabs > ul > li.ui-tabs-active .dnnWizardStep { background-position: 0 -100px }
                body .install #tabs > ul > li.ui-tabs-active .dnnWizardStepNumber { border-color: var(--tab-active-foreground-color); background-color: var(--tab-active-foreground-color) }
.dnnFormMessage.dnnFormError { display: none }
.installAccountInfo, .installInstallation, .upgradeAccountInfo { padding-top: 3rem }
#lblIntroDetail a.videoLink { background: url(../images/videoIcon.png) no-repeat; display: inline-block; padding-left: 24px; height: 24px; text-decoration: none; color: #333; font-weight: 700; margin-left: 20px }
    #lblIntroDetail a.videoLink:active, #lblIntroDetail a.videoLink:hover { text-decoration: underline }
.tabSubTitle { font-size: 1rem; font-weight: 700; color: #444 }
.installInstallation .installIntro { font-size: 1.5em; color: grey }
#installInstallationPanel { margin-top: 2rem }
    #installInstallationPanel .dnnFormItem { display: flex; gap: 1rem }
        #installInstallationPanel .dnnFormItem #installation-progress { flex-grow: 1 }
    #installInstallationPanel #installation-buttons { margin-top: 1rem; display: flex; gap: 1rem }
        #installInstallationPanel #installation-buttons #visitSite { margin-left: auto }
a.dnnDisabledAction:active, a.dnnDisabledAction:hover, a.dnnDisabledAction:link, a.dnnDisabledAction:visited { text-decoration: none; cursor: not-allowed; opacity: .5 }
#installation-steps { background-color: #eee; white-space: nowrap; display: flex; flex-direction: column; padding: 1rem }
    #installation-steps p { white-space: nowrap; display: flex; color: #666 }
        #installation-steps p .states-icons { width: 25px; height: 16px; background-image: url(../images/installer-feedback-states-sprite.png); background-repeat: no-repeat }
        #installation-steps p.step-notstarted { color: #bbb }
            #installation-steps p.step-notstarted .states-icons { background-position: -1000px -1000px }
        #installation-steps p.step-running .states-icons { background-position: -48px 4px }
        #installation-steps p.step-done .states-icons { background-position: 0 3px }
        #installation-steps p.step-error .states-icons { background-position: -99px 3px }
#percentage, #timer { font-style: italic }
.promptMessage { background-color: #ffff81 }
.promptMessage, .promptMessageError { display: inline-block; padding-top: 1rem 2rem; text-align: center }
.promptMessageError { background-color: rgba(255,0,0,.15) }
.dnnInstall { margin-bottom: 2rem }
#installation-log-container { border: 1px solid #ccc; padding: .5rem; display: none; min-height: 15rem }
.dnnProgressbar progress { width: 100%; height: 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: none; background-color: #ccc; border-radius: 0 }
    .dnnProgressbar progress::-webkit-progress-bar { background-color: #ccc; border-radius: 0 }
    .dnnProgressbar progress::-webkit-progress-value { background-color: #00a5e0; background: linear-gradient(90deg,#00a5e0 0,#1aaee3) }
    .dnnProgressbar progress::-moz-progress-bar { background-color: #00a5e0; background: linear-gradient(90deg,#00a5e0 0,#1aaee3); border-radius: 0 }
/*# sourceMappingURL=Install.css.map */


/*------------------------------------------------*/
/* Fix RTL Dnnplus.ir 2026 DNN10.x                */
/*------------------------------------------------*/
/* Base direction change */
body.rtl { direction: rtl; text-align: right; }
    /* Fix language flags alignment to the left in RTL */
    body.rtl #languageFlags { justify-content: flex-start; }
    /* Adjust wizard steps layout for RTL */
    body.rtl .install #tabs > ul > li .dnnWizardStep { padding-left: 0; padding-right: 2rem; }
        body.rtl .install #tabs > ul > li .dnnWizardStep .dnnWizardStepNumber { margin-right: 0; margin-left: .5rem; }
    /* Fix video link icon and padding */
    body.rtl #lblIntroDetail a.videoLink { background-position: right center; padding-left: 0; padding-right: 24px; margin-left: 0; margin-right: 20px; height: 17px; }
    /* Progress bar button alignment */
    body.rtl #installInstallationPanel #installation-buttons #visitSite { margin-left: 0; margin-right: auto; }
    /* Adjust progress steps padding and icon margins */
    body.rtl #installation-steps p .states-icons { margin-left: .5rem; }

/* Installation Wizard & Languages (DNN10 Specific) */
.rtl #languageFlags { justify-content: flex-start; }
.rtl .install #tabs > ul > li .dnnWizardStep { padding-left: 0; padding-right: 2rem; }
    .rtl .install #tabs > ul > li .dnnWizardStep .dnnWizardStepNumber { margin-right: 0; margin-left: 0.5rem; }
.rtl .install #tabs > ul > li .dnnWizardStepArrow { margin-left: auto; margin-right: 2rem; background: transparent url(../../../../../images/InstallWizardBG.rtl.png) no-repeat; background-position: 0 -401px; }
.rtl .install #tabs > ul > li .dnnWizardStep { padding-left: 0; padding-right: 2rem; background: transparent url(../../../../../images/InstallWizardBG.rtl.png) repeat-x; }

.rtl #installInstallationPanel #installation-buttons #visitSite { margin-left: 0; margin-right: auto; }
.rtl #installation-steps p .states-icons { background-image: url("../images/installer-feedback-states-sprite.rtl.png"); }

.rtl #advancedDatabase input { direction: ltr; }
