Page History

<div id="mediq-login-page" dir="rtl">

<style>
/* ============================================================
   MEDIQ LOGIN PAGE
   Confluence Server / Data Center 8.7.1
   Page ID: 174855060

   BACKGROUND:
   Modern Hospital Room with Medical Bed.png

   LOGO:
   MediQ Heart Medical Logo1.png
   ============================================================ */

#mediq-login-page,
#mediq-login-page * {
    box-sizing: border-box;
}

#mediq-login-page {
    --mq-navy: #082b4b;
    --mq-primarytext: #08b5ad#173b59;
    --primary2mq-muted: #0bc4b9#7089a0;
    --navymq-primary: #092e4e#08b8b0;
    --textmq-primary-dark: #173d5c#05a49e;
    --mq-muted: #71899eborder: rgba(175, 202, 218, .60);

    position: relative;

    width: 100%;
    min-height: 720px760px;

    overflow: hidden;

    direction: rtl;

    font-family:
        Tahoma,
        Arial,
        sans-serif;

    color: var(--mq-text);

    background-image:
        url("/download/attachments/174855060/Modern%20Hospital%20Room%20with%20Medical%20Bed.png");

     background-size: cover;
  center center background-position: center;/ cover
    background-repeat:    no-repeat;
}


/* ============================================================
   BACKGROUNDLEFT LIGHT OVERLAY
   ============================================================ */

#mediq-login-page::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.9798) 0%,
            rgba(255,255,255,.9294) 23%17%,
            rgba(255,255,255,.4270) 42%31%,
            rgba(255,255,255,.0322) 66%44%,
            rgba(0255,60255,75255,.030) 100%58%
        );
}


/* ============================================================
   MAIN LAYOUT
   ============================================================ */

.mq-layout {
    position: relative;
    z-index: 5;

    width: 100%;
    min-height: 720px760px;

    padding:
        54px
        clamp(50px 7%, 7vw, 120px);

    display: grid;

    grid-template-columns:
        minmax(470px520px, 590px620px)
        minmax(80px, 1fr)
        minmax(390px410px, 445px);

    gap: 30px465px);

    align-items: center;

    gap: 20px;

    direction: ltr;
}


/* ============================================================
   LEFT CONTENT
   ============================================================ */

.mq-intro {
    grid-column: 1;

    directionwidth: rtl100%;
    textmax-alignwidth: right620px;

    direction: rtl;
    widthtext-align: 100%right;

    maxalign-widthself: 570pxcenter;
}


/* ============================================================
   MAIN LOGO
   وسط COMMONچین
   ============================================================ */

.mq-main-logo-brandwrap {
    displaywidth: flex100%;

    align-itemsdisplay: centerflex;

    justify-content: flex-startcenter;

    directionalign-items: ltrcenter;

    gap: 15px;

    margin-bottom: 36px30px;
}

.mq-main-logo-svg {
    widthdisplay: 82pxblock;

    heightwidth: 82px330px;
    flexmax-width: 0 0 82px;
}

.mq-brand-text {76%;

    displayheight: flexauto;

    flexobject-directionfit: columncontain;
    alignobject-itemsposition: flex-startcenter center;
}


.mq-wordmark {
    font-family: Arial, sans-serif;/* ============================================================
   SHORT LINE
   ============================================================ */

.mq-accent-line {
    font-sizewidth: 48px62px;
    line-heightheight: 14px;

    font-weightmargin:
 800;
      letter-spacing: -2px;

 0
     color: #082d4d;
}

.mq-wordmark .q {0
    color: #08b5ad;
}

.mq-brand-caption {
  31px
  direction: rtl;
    width: 100%auto;

    textborder-alignradius: right10px;

    margin-top: 7px;

background:
        linear-gradient(
            90deg,
         font-size: 13px;
   #0ccbc0,
         font-weight: 700;

   #049f9c
       color: #173d5c);
}


/* ============================================================
   TITLE
   یک خط  =======+ راست چین + Bold
   ============================================================ */

.mq-linetitle {
    width: 58px;
    height: 4px;

    margin-bottom: 30px0;

    border-radiuswidth: 20px100%;

    backgroundcolor: var(--mq-primarynavy);
}

.mq-title {
    margindirection: 0rtl;

    text-align: right;

    color: var(--navy);

    font-size: clamp(36px, 3vw, 53px)38px;
    font-weight: 900;

    line-height: 1.55;

    letterfont-spacingweight: -1px900;
}

.mq-description {
    marginletter-topspacing: 13px-1px;

    textwhite-alignspace: rightnowrap;

    color: #607b91;}


    font-size: 16px;
    line-height: 2.05;
}


/* /* =============================================================
   DESCRIPTION
    FEATURESیک خط + راست چین + Bold
   ============================================================ */

.mq-featuresdescription {
    width: 100%;

    margin-top: 34px15px;

    displaycolor: grid#58758f;

    grid-template-columnsdirection: repeat(4, 1fr);
rtl;
    gaptext-align: 11pxright;
}

.mq-feature {
    minfont-heightsize: 120px16px;

    paddingfont-weight: 15px 8px700;

    border: 1px solid rgba(210,229,238,.85);
line-height: 2;

    borderwhite-radiusspace: 16pxnowrap;

    background: rgba(255,255,255,.66);

    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);

    display: flex;
    flex-direction: column}


/* ============================================================
   FEATURE CARDS
   ============================================================ */

.mq-features {
    width: 100%;

    margin-top: 36px;

    align-itemsdisplay: centergrid;

    justifygrid-template-contentcolumns:
 center;

    box-shadow:
   repeat(4, minmax(0, 1fr));

   0 8px 28pxgap: 12px;

        rgba(33,86,108,.045)direction: rtl;
}

.mq-feature-icon {
    widthmin-height: 43px128px;

    heightpadding: 43px;


        15px
       margin-bottom: 10px;

 8px
       border-radius: 13px;

    displayborder: flex;
    align-items: center;
    justify-content: center;

1px solid
     background: #e1faf8;
  rgba(202, 224, color: #08afa7235, .78);

    fontborder-sizeradius: 21px15px;

    font-weight: bold;
}

.mq-feature:nth-child(2) .mq-feature-icon {background:
        rgba(255,255,255,.72);

    background: #edf5ff;box-shadow:
    color: #4b8fd7;
}

.mq-feature:nth-child(3) .mq-feature-icon {
   0 background:9px #e5faf5;30px
    color: #00a98b;
}

.mq-feature:nth-child(4) .mq-feature-icon {
  rgba(26, 82, background: #edf3fa105, .045);

    colorbackdrop-filter: #718cac;
}

.mq-feature-text {

       width: 100% blur(12px);

    text-align: center;

-webkit-backdrop-filter:
    color: #173d5c    blur(12px);

    display: flex;

    flex-direction: column;

    fontalign-sizeitems: 11pxcenter;

    fontjustify-weightcontent: 800center;

    linetext-heightalign: 1.8center;
}

.mq-feature-icon {

/* =========================================================
   LOGIN CARD
   ========================================================= */

.mq-login-card {
    grid-column: 3    width: 45px;
    height: 45px;

    margin-bottom: 10px;

    border-radius: 13px;

    display: flex;

    align-items: center;

    directionjustify-content: rtlcenter;
}

.mq-feature-icon svg {
    width: 100%25px;

    min-height: 565px25px;

    paddingfill: 42px 38px 30pxnone;

    borderstroke: 1px solid rgba(255,255,255,.86);currentColor;

    borderstroke-radiuswidth: 28px2;

    backgroundstroke-linecap: linear-gradient(round;

    stroke-linejoin: round;
}


/* CARD  145deg,1 */

.mq-feature:nth-child(1)
.mq-feature-icon {
    color: #0ab3aa;

    background:
        rgba(255,255,255,.90),
linear-gradient(
            145deg,
            #e0fbf8,
           rgba(238,249,251,.79) #c8f4f0
        );
}


/* CARD   backdrop-filter: blur(25px);2 */

.mq-feature:nth-child(2)
.mq-feature-icon {
    -webkit-backdrop-filtercolor: blur(25px)#3d92e5;

    box-shadowbackground:
        linear-gradient(
 0 30px 80px
        rgba(16,65,87,.17);
}


/* =========================================================
   CARD LOGO
   ========================================================= */

.mq-card-brand {
    display: flex;
    align-items: center;
    justify-content: center;

    direction: ltr;

    gap: 9px;
}

.mq-card-brand .mq-logo-svg 145deg,
            #eaf5ff,
            #dcecff
        );
}


/* CARD 3 */

.mq-feature:nth-child(3)
.mq-feature-icon {
    widthcolor: 61px#05ad94;

    heightbackground:
 61px;
    flex: 0 0 61px;
}

.mq-card-wordmark {
 linear-gradient(
     font-family: Arial, sans-serif;

    font-size: 38px; 145deg,
    font-weight: 800;

       line-height: 1;

 #e2faf5,
      letter-spacing: -1.5px;

    color: #082d4d;
}

.mq-card-wordmark .q {
#d1f6ee
       color: var(--primary);
}

.mq-card-caption {
    margin-top: 4px
/* CARD 4 */

.mq-feature:nth-child(4)
.mq-feature-icon {
    color: #6689b6;

    background:
        linear-gradient(
            145deg,
            #edf3fa,
            #e2ebf7
        );
}


.mq-feature-title {
    color: #133956;

    text-aligndirection: centerrtl;

    font-size: 11px13px;

    font-weight: 700800;

    colorline-height: #173b591.8;
}


/* ===
    text-align: center;
}


/* ============================================================
   WELCOMELOGIN CARD
   ============================================================ */

.mq-welcomelogin-card {
    margingrid-topcolumn: 36px3;

    text-alignwidth: right100%;

    colormin-height: #0c304f610px;

    font-size: 20px;
padding:
        42px
      font-weight: 900;
}

.mq-welcome-desc {
  38px
       margin-top: 9px30px;

    text-aligndirection: rightrtl;

    color: #718a9f;

border:
        1px solid
       font-size: 11px;
 rgba(255,255,255,.88);

    lineborder-heightradius: 1.928px;
}


/* =========================================================
   FORM
   ========================================================= */

.mq-form {
    margin-top: 28px;
}

.mq-field {
    position: relative;

    width: 100%;

    margin-bottom: 14px    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.88),
            rgba(238,249,252,.79)
        );

    box-shadow:
        0 30px 85px
        rgba(17, 68, 90, .18);

    backdrop-filter:
        blur(25px);

    -webkit-backdrop-filter:
        blur(25px);
}


/* ============================================================
   INPUTLOGIN LOGO
   ============================================================ */

.mq-login-inputlogo-wrap {
    displaywidth: block100%;

    widthdisplay: 100%flex;

    heightalign-items: 57pxcenter;

    border: 1px solid rgba(181,204,217,.75);
    border-radius: 13px;

    outline: none;

justify-content: center;
}

.mq-login-logo {
    backgrounddisplay: rgba(255,255,255,.82)block;

    colorwidth: #173d5c245px;

    fontmax-familywidth: Tahoma, Arial, sans-serif78%;

    font-sizeheight: 12pxauto;

    direction: rtl;
    text-alignobject-fit: rightcontain;
}
    /*
       فضای سمت راست برای آیکن
       فضای سمت چپ برای چشم
    */
    padding:
        0
        48px
        0
        52px
/* ============================================================
   WELCOME
   وسط چین + Bold
   ============================================================ */

.mq-welcome {
    width: 100%;

    margin-top: 32px;

    transitioncolor: .18s ease;
}

.mq-input::placeholder {var(--mq-navy);

    direction: rtl;

    text-align: center;

    font-size: 23px;

    colorfont-weight: #7890a4900;

    textline-alignheight: right1.8;
}

.mq-input:focus {-welcome-description {
    width: 100%;

    bordermargin-colortop: var(--primary)5px;

    backgroundcolor: #fff#718aa0;

    box-shadow:
direction: rtl;

    text-align: center;

    0 0 0 3px
   font-size: 13px;

    font-weight: 600;

     rgba(8,181,173,.10)line-height: 1.9;
}


/* ============================================================
   RIGHT ICONFORM
   ============================================================ */

.mq-field-iconform {
    position: absolute;

    right: 17px;
    left: auto;

    top: 50%;

    transform: translateY(-50%);

    width: 20px100%;

    display: flex;
    align-items: center;
    justify-content: centermargin-top: 27px;

    colordirection: #69839artl;

    pointer-events: none;
}


/* ============================================================
   ICON SVGFIELD
   ============================================================ */

.mq-field-icon svg {
    widthposition: 19pxrelative;

    heightwidth: 19px100%;

    fillmargin-bottom: none14px;
}

.mq-input {
    strokedisplay: currentColorblock;

    stroke-width: 1.8100%;

    stroke-linecap: roundheight: 58px;

    stroke-linejoinpadding: round;
}


/* =========================================================

     PASSWORD EYE
  0
 سمت چپ مستقل
   ========================================================= */

.mq-eye { 49px
    position: absolute;

   0
 left:  14px;
    right: auto52px;

    topborder: 50%;

    transform: translateY(-50%);

   1px width: 34px;solid
    height: 34px;

    padding: 0rgba(171, 198, 215, .67);

    border-radius: none13px;

    outline: none;

    border-radiusbackground: 8px;


       background: transparent rgba(255,255,255,.76);

    color: #6f879b#173b59;

    cursordirection: pointerrtl;

    displaytext-align: flexright;

    alignfont-itemsfamily: center;
    justify-content: center;
}

.mq-eye:hover {
  Tahoma,
  background: #eef7f8;
    color: var(--primary);
}

.mq-eye svg {
 Arial,
       width: 19pxsans-serif;

    heightfont-size: 19px14px;

    fillfont-weight: none600;

    stroke: currentColor;
transition:
        border-color .18s ease,
      stroke-width: 1.8;
  box-shadow .18s ease,
        background .18s ease;
}

.mq-input::placeholder {
    stroke-linecapcolor: round#70889f;

    stroke-linejoinopacity: round1;
}


/* =========================================================
   OPTIONS
   ========================================================= */

.mq-options {
    margin: 13px 2px 18px    direction: rtl;

    text-align: right;

    display: flex;
    align-itemsfont-size: center14px;

    justifyfont-contentweight: flex-start600;
}

.mq-rememberinput:focus {
    displaybackground: flex;


       align-items: center rgba(255,255,255,.96);

    gap: 8px;

border-color:
       color: #577086 var(--mq-primary);

    fontbox-sizeshadow: 11px;

    cursor: pointer;
}

.mq-remember input {
 0 0 0 width: 16px;3px
    height: 16px;

    margin: 0;

    accent-color: var(--primaryrgba(8,184,176,.10);
}


/* ============================================================
   RIGHT LOGINFIELD BUTTONICON
   ============================================================ */

.mq-field-submiticon {
    widthposition: 100%absolute;

    heightright: 59px17px;

    bordertop: 050%;

    outlinetransform: none;


        border-radius: 13pxtranslateY(-50%);

    backgroundwidth: linear-gradient(21px;
        90deg,height: 21px;

        #07aaa5,display: flex;

    align-items: center;

   #0cc4b9
    )justify-content: center;

    color: #fff#66829c;

    fontpointer-familyevents: Tahoma, Arial, sans-serif;

none;
}

.mq-field-icon svg {
    font-sizewidth: 15px20px;
    font-weightheight: 80020px;

    cursorfill: pointernone;

    box-shadowstroke:
        0 12px 27px
        rgba(4,169,163,.21) currentColor;

    transitionstroke-width: 1.18s ease8;
}

.mq-submit:hover {
    transformstroke-linecap: translateY(-2px)round;

    boxstroke-shadowlinejoin:
        0 17px 35px
        rgba(4,169,163,.28) round;
}

.mq-submit:active {
    transform: translateY(0);
}


/* ==
/* ============================================================
   PASSWORD ERROREYE
   ============================================================ */

.mq-errorpassword-toggle {
    position: absolute;

    displayleft: none12px;

    margin-top: 12pxtop: 50%;

    transform:
        translateY(-50%);

    padding: 10px 12pxwidth: 36px;
    height: 36px;

    borderpadding: 1px solid #fecdd30;

    border: 0;

    border-radius: 9px;

    outline: none;

    background: #fff1f2transparent;

    color: #be123c #66829c;

    cursor: pointer;

    text-aligndisplay: rightflex;

    fontalign-sizeitems: 10pxcenter;

    linejustify-heightcontent: 1.8center;
}


/* =========================================================
   SUPPORT
   ========================================================= */

.mq-divider {    transition:
        background .15s ease,
    height: 1px;

   color margin: 29px 0 21px;
.15s ease;
}

.mq-password-toggle:hover {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(136,165,183,.42),rgba(8,184,176,.08);

    color:
    transparent
    var(--mq-primary-dark);
}

.mq-supportpassword-toggle svg {
    displaywidth: flex20px;

    align-itemsheight: center;
    justify-content: center20px;

    gapfill: 8pxnone;

    colorstroke: #71899dcurrentColor;

    fontstroke-sizewidth: 10px;

    line-height: 1.8;

    textstroke-alignlinecap: rightround;
}

.mq-support svg {
    flexstroke-linejoin: 0 0 auto;

    width: 18px;
    height: 18px;

    fill: none;

    stroke: #173d5c;
    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =round;
}


/* ==============================================================
   LOADERREMEMBER
   ============================================================ */

.mq-loaderoptions {
    displaywidth: none100%;

    widthmargin:
 20px;
      height: 20px;

13px
       margin: auto;0

     border: 3px solid rgba(255,255,255,.35) 19px;

    border-top-colordisplay: #fffflex;

    borderalign-radiusitems: 50%center;

    animationjustify-content: mq-spin .7s linear infiniteflex-start;

    direction: rtl;
}

.mq-submit.loading .mq-submit-textremember {
    display: none;
}

.mq-submit.loading .mq-loader {inline-flex;

    align-items: center;

    gap: 8px;

    color: #59748b;

    direction: rtl;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    displayuser-select: blocknone;
}

@keyframes .mq-spinremember input {
    towidth: {17px;
    height: 17px;

    transformmargin: rotate(360deg);
0;

    accent-color:
        }var(--mq-primary);
}


/* ============================================================
   RESPONSIVESUBMIT
   ============================================================ */

@media (max-width:1150px) .mq-submit {

    .mq-layout {width: 100%;
    height: 60px;

   grid-template-columns:
 border: 0;

    border-radius: 13px;

       minmax(390px,1fr)outline: none;

    background:
        40pxlinear-gradient(
            390px;

90deg,
          padding: 40px 35px;#05aaa5,
     }

      .mq-title {#0bc2b8
        font-size: 39px);

    color: }#fff;

    .mq-features {font-family:
        grid-template-columns: repeat(2,1fr);Tahoma,
    }
}


@media (max-width:850px) {

    Arial,
    #mediq-login {
   sans-serif;

     overflowfont-size: visible17px;

        background-positionfont-weight: 65% center800;

    cursor: }pointer;

    .mq-layout {
box-shadow:
        0 display:13px flex;28px

         flex-direction: column;

rgba(3, 166, 160, .20);

    transition:
         min-height: auto;

transform .17s ease,
        padding: 30px 20px;

box-shadow .17s ease,
        filter gap:.17s 35pxease;
    }

    .mq-login-cardsubmit:hover {
    transform:
       width: min(100%,460pxtranslateY(-2px);

        order: 1;
box-shadow:
     }

   0 .mq-intro {18px 35px
        width: min(100%,560pxrgba(3,166,160,.27);

    filter:
    order: 2;
    }brightness(1.015);
}


@media (max-width:520px) {

    .mq-login-cardsubmit:active {
        padding: 34px 22px 27px;

transform:
        border-radius: 22pxtranslateY(0);
    }

    .mq-title {
        font-size: 30px;
    }

    .mq-description {
        font-size: 13px;
    }

    .mq-features {
        grid-template-columns: repeat(2,1fr);
    }
}

</style>


<div class="mq-layout">


    <!-- 
/* ============================================================
   ERROR
   ============================================================ */

.mq-error {
    display: none;

    LEFTwidth: 100%;

    margin-top: 12px;

    padding:
         ===================================================== -->

10px
       <section class="mq-intro"> 12px;


        <!-- BRAND -->

border:
        <div class="mq-brand">


1px solid
        #fecdd3;

    <!-- MEDIQ LOGO -->
border-radius: 9px;

    background:
        #fff1f2;

    <svgcolor:
        #be123c;

    direction: rtl;

    class="mq-logo-svg"text-align: right;

    font-size: 11px;

    font-weight:       viewBox="0 0 100 100"600;

    line-height: 1.8;
}


/* ============================================================
   DIVIDER
   ============================================================ */

.mq-divider {
    width: 100%;
    height: 1px;

    margin:
        29px
        0
        22px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(131,160,179,.35),
            transparent
        );
}


/* ============================================================
   SUPPORT
   ============================================================ */

.mq-support {
    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    direction: rtl;

    color: #6f879c;

    text-align: center;

    font-size: 12px;

    font-weight: 600;

    line-height: 1.9;
}

.mq-support-icon {
    flex: 0 0 auto;

    width: 19px;
    height: 19px;

    color: #163d5d;
}

.mq-support-icon svg {
    width: 19px;
    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.8;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* ============================================================
   LOADING
   ============================================================ */

.mq-loader {
    display: none;

    width: 21px;
    height: 21px;

    margin: auto;

    border:
        3px solid
        rgba(255,255,255,.38);

    border-top-color:
        #fff;

    border-radius: 50%;

    animation:
        mq-spin
        .7s
        linear
        infinite;
}

.mq-submit.loading {
    pointer-events: none;

    opacity: .88;
}

.mq-submit.loading
.mq-submit-text {
    display: none;
}

.mq-submit.loading
.mq-loader {
    display: block;
}

@keyframes mq-spin {
    to {
        transform:
            rotate(360deg);
    }
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1200px) {

    .mq-layout {
        grid-template-columns:
            minmax(430px, 1fr)
            30px
            400px;

        padding:
            45px
            35px;
    }

    .mq-title {
        font-size: 32px;
    }

    .mq-description {
        font-size: 14px;
    }

    .mq-main-logo {
        width: 290px;
    }

    .mq-features {
        grid-template-columns:
            repeat(2, 1fr);
    }
}


@media (max-width: 900px) {

    #mediq-login-page {
        overflow: visible;

        background-position:
            65%
            center;
    }

    .mq-layout {
        display: flex;

        flex-direction: column;

        min-height: auto;

        padding:
            35px
            20px;

        gap: 35px;
    }

    .mq-login-card {
        order: 1;

        width:
            min(100%, 470px);

        min-height: auto;
    }

    .mq-intro {
        order: 2;

        width:
            min(100%, 620px);
    }

    .mq-title {
        white-space: normal;
    }

    .mq-description {
        white-space: normal;
    }
}


@media (max-width: 520px) {

    .mq-layout {
        padding:
            22px
            12px
            40px;
    }

    .mq-login-card {
        padding:
            32px
            22px
            27px;

        border-radius:
            22px;
    }

    .mq-login-logo {
        width:
            210px;
    }

    .mq-main-logo {
        width:
            265px;
    }

    .mq-title {
        font-size:
            29px;

        white-space: normal;
    }

    .mq-description {
        font-size:
            13px;

        white-space: normal;
    }

    .mq-features {
        grid-template-columns:
            repeat(2, 1fr);
    }
}


/* ============================================================
   MEDIQ - FINAL FULL SCREEN FIX
   Confluence Server / Data Center
   ============================================================ */


/* ------------------------------------------------------------
   1. حذف کامل Footer کانفلوئنس
   ------------------------------------------------------------ */

#footer,
footer#footer,
footer.aui-footer,
.aui-footer,
#footer-logo,
#poweredby,
#footer-build-information,
.footer-body,
.footer-logo,
#footer .footer-body,
#footer .footer-logo {
    display: none !important;
    visibility: hidden !important;

    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    overflow: hidden !important;
}


/* ------------------------------------------------------------
   2. حذف فضای خالی خود Confluence
   ------------------------------------------------------------ */

html,
body {
    width: 100% !important;
    height: 100% !important;

    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


#page,
#full-height-container,
#main,
#content,
#main-content,
.aui-page-panel,
.aui-page-panel-inner,
.aui-page-panel-content,
.content-body {
    width: 100% !important;
    height: 100% !important;

    min-height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* ------------------------------------------------------------
   3. خود صفحه MediQ تمام Viewport
   ------------------------------------------------------------ */

#mediq-login-page {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    min-width: 100vw !important;
    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 9999 !important;

    background-size: cover !important;
    background-position: center center !important;
}


/* ------------------------------------------------------------
   4. Layout داخلی دقیقاً هم‌اندازه صفحه
   ------------------------------------------------------------ */

#mediq-login-page .mq-layout {
    width: 100% !important;
    height: 100vh !important;

    min-height: 0 !important;

    margin: 0 !important;

    padding:
        clamp(25px, 4vh, 55px)
        clamp(45px, 7vw, 120px) !important;

    align-items: center !important;
}


/* ------------------------------------------------------------
   5. پنل Login متناسب با ارتفاع صفحه
   ------------------------------------------------------------ */

#mediq-login-page .mq-login-card {
    align-self: center !important;

    min-height: 0 !important;

    max-height: calc(100vh - 70px) !important;
}


/* ------------------------------------------------------------
   6. بخش سمت چپ دقیقاً وسط ارتفاع صفحه
   ------------------------------------------------------------ */

#mediq-login-page .mq-intro {
    align-self: center !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ------------------------------------------------------------
   7. جلوگیری از Scroll اضافی Confluence
   ------------------------------------------------------------ */

body {
    position: relative !important;

    overflow: hidden !important;
}


/* ------------------------------------------------------------
   8. جلوگیری از فضای خالی پایین صفحه
   ------------------------------------------------------------ */

#content,
#main-content,
.aui-page-panel-content {
    min-height: 0 !important;
}


/* ------------------------------------------------------------
   9. تنظیم برای مانیتورهای با ارتفاع کمتر
   مثل Laptop در Zoom 100%
   ------------------------------------------------------------ */

@media (max-height: 850px) {

    #mediq-login-page .mq-layout {
        padding:
            20px
            clamp(45px, 7vw, 110px) !important;
    }


    #mediq-login-page .mq-main-logo {
        width: 285px !important;
    }


    #mediq-login-page .mq-main-logo-wrap {
        margin-bottom: 20px !important;
    }


    #mediq-login-page .mq-accent-line {
        margin-bottom: 20px !important;
    }


    #mediq-login-page .mq-title {
        font-size: 32px !important;
    }


    #mediq-login-page .mq-description {
        margin-top: 9px !important;

        font-size: 14px !important;
    }


    #mediq-login-page .mq-features {
        margin-top: 24px !important;
    }


    #mediq-login-page .mq-feature {
        min-height: 105px !important;

        padding: 10px 7px !important;
    }


    #mediq-login-page .mq-feature-icon {
        width: 40px !important;
        height: 40px !important;

        margin-bottom: 6px !important;
    }


    #mediq-login-page .mq-login-card {
        min-height: 0 !important;

        padding:
            28px
            34px
            24px !important;
    }


    #mediq-login-page .mq-login-logo {
        width: 210px !important;
    }


    #mediq-login-page .mq-welcome {
        margin-top: 20px !important;

        font-size: 20px !important;
    }


    #mediq-login-page .mq-form {
        margin-top: 18px !important;
    }


    #mediq-login-page .mq-input {
        height: 52px !important;
    }


    #mediq-login-page .mq-submit {
        height: 54px !important;
    }


    #mediq-login-page .mq-divider {
        margin:
            20px
            0
            16px !important;
    }

}


/* ------------------------------------------------------------
   10. مانیتورهای خیلی کوتاه
   ------------------------------------------------------------ */

@media (max-height: 700px) {

    #mediq-login-page .mq-layout {
        transform: scale(.92);

        transform-origin: center center;

        width: 108.695% !important;
        height: 108.695vh !important;

        margin-left: -4.347% !important;
    }

}

</style>


<div class="mq-layout">


    <!-- ======================================================
         LEFT CONTENT
         ====================================================== -->

    <section class="mq-intro">


        <!-- REAL MEDIQ LOGO -->

        <div class="mq-main-logo-wrap">

            <img
                class="mq-main-logo"
                src="/download/attachments/174855060/MediQ%20Heart%20Medical%20Logo1.png"
                alt="MediQ"
            >

        </div>


        <div class="mq-accent-line"></div>


        <!-- TITLE -->

        <h1 class="mq-title">
            مدیریت هوشمند تجهیزات پزشکی
        </h1>


        <!-- DESCRIPTION -->

        <div class="mq-description">
            ثبت، پیگیری و مدیریت کامل چرخه عمر تجهیزات پزشکی در یک پلتفرم یکپارچه
        </div>



        <!-- ==================================================
             FEATURES
             ================================================== -->

        <div class="mq-features">


            <!-- ACCURATE INFORMATION -->

            <div class="mq-feature">

                <div class="mq-feature-icon">

                    <svg viewBox="0 0 24 24">

                        <path
                            d="M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6l7-3z"
                        ></path>

                        <path
                            d="M9 12l2 2 4-5"
                        ></path>

                aria-hidden="true"
    </svg>

                ></div>

                 <defs><div class="mq-feature-title">

                    اطلاعات <linearGradient
دقیق

                    <br>

         id="mqGradientA"
           و به‌روز

                x1="0"</div>

            </div>



             y1="0"
<!-- MAINTENANCE -->

            <div class="mq-feature">

                <div x2="1"class="mq-feature-icon">

                    <svg viewBox="0 0 24 y2="1"
24">

                      >  <circle
                        <stop    cx="12"
                            offsetcy="0%12"
                            stop-colorr="#58d8d53"
                        ></>circle>

                        <stop<path
                            offsetd="100%"
                             stop-color="#11bcb6"M19.4 15
                        />
    a1.7 1.7 0 0 0 .3 1.9
           </linearGradient>


                 l.1.1
   <linearGradient
                        id="mqGradientB"
   -2.1 2.1
                      x1="1"
      -.1-.1
                  y1="0"
          a1.7 1.7 0 0 0-1.9-.3
          x2="0"
                  1.7 1.7 0 0   y2="1"0-1 1.5
                    >
        V20
                <stop
            h-3
                offset="0%"
            v-.2
                stop-color="#00a7a3"
            a1.7 1.7 0 0 0-1-1.5
        />

                    1.7 1.7 0  <stop0 0-1.9.3
                            offset="100%"l-.1.1
                            stop-color="#00c3b6"-2.1-2.1
                        />
    .1-.1
                </linearGradient>

            A1.7 1.7 0  </defs>


  0 0 7 14.6
              <!-- LEFT HALF -->

           a1.7 1.7 0   <path
    0 0-1.5-1
                d="
            H5
        M50 82
                   v-3
 C43 72 24 58 20 39
                    C17 24 26 13 39 13 h.5
                    C47 13 53 18 57 25
   A1.7 1.7 0 0 0 7  9.6
          C48 27 41 34 39 44
             a1.7 1.7 0 0 0-.3-1.9
   C36 55 41 67 50 82
                    Zl-.1-.1
                    "
        2.1-2.1
            fill="url(#mqGradientA)"
                />


.1.1
                <!-- RIGHT HALF -->

         a1.7 1.7 0 0    <path
        0 1.9.3
            d="
                1.7 1.7 0 0 M50 82
0 1-1.5
                     C58   71 77 58 81 39V4
                     C84   24 75 13 62 13h3
                    C53 13 47 19 43 27
   v.4
                 C53 28 60 35 62 45
      a1.7 1.7 0 0 0 1 1.5
        C64 56 59 68 50 82
               1.7 1.7 0 0  Z0 1.9-.3
                    "
        l.1-.1
             fill="url(#mqGradientB)"
                />


2.1 2.1
                  <!-- CENTER WHITE CUT -->

      -.1.1
          <path
                  a1.7  d="
   1.7 0 0 0-.3 1.9
                 M50 68
          1.7 1.7 0 0 0 1.5 1
    C43 57 42 48 45 40
                   h.5
 C47 34 51 30 56 28
                    C50 38 51v3
 50 56 58
                    C55 62 53 65 50 68h-.5
                    Z
        a1.7 1.7 0 0 0-1.5 1z
        "
                    fill="#ffffff"
                    opacity=".94"
       ></path>

         />

            </svg>


               <div class="mq-brand-text"> </div>

                <div class="mq-feature-wordmarktitle">

                    Medi<span class="q">Q</span>
                </div>

 نگهداری و تعمیرات

               <div class="mq-brand-caption">
       <br>

                  مدیریت تجهیزات پزشکیکارآمد

                </div>

            </div>



         </div>


   <!-- REPORT -->

   <div class="mq-line"></div>


        <h1<div class="mq-titlefeature">

            مدیریت هوشمند
   <div class="mq-feature-icon">

        <br>
            تجهیزات پزشکی
   <svg viewBox="0 0 24 24">

     </h1>


        <div class="mq-description">

          <path
  ثبت، پیگیری و مدیریت کامل چرخه عمر تجهیزات پزشکی

            <br>

      d="M5 20V11"
     در یک پلتفرم یکپارچه

        </div>



        <!-- FEATURES -->></path>

         <div class="mq-features">


              <div class="mq-feature">

 <path
                <div class="mq-feature-icon">
           d="M10 20V6"
        ✓
                <></div>path>

                <div class="mq-feature-text">        <path
                    اطلاعات   دقیق
     d="M15 20V9"
              <br>
          ></path>

          و به‌روز
             <path
   </div>

            </div>


            <div classd="mq-feature">

M20 20V3"
                       <div class="mq-feature-icon"> ></path>

                    ⚙</svg>

                </div>

                <div class="mq-feature-texttitle">

                    نگهداری و تعمیراتگزارش‌های

                    <br>

                    کارآمد
تحلیلی

                </div>

             </div>



            </div>
!-- ASSETS -->

            <div class="mq-feature">

                <div class="mq-feature-icon">

                    ▥
                </div><svg viewBox="0 0 24 24">

                <div class="mq-feature-text">
       <path
             گزارش‌های
               d="M12 3l7 4-7   <br>4-7-4 7-4z"
                    تحلیلی
    ></path>

            </div>

            </div>


<path
             <div class="mq-feature">

              d="M5 7v9l7 <div class="mq-feature-icon">4 7-4V7"
                    ◈
    ></path>

            </div>

                <div class="mq-feature-text">
   <path
                 مدیریت کامل
           d="M12 11v9"
        <br>
                ></path>

    دارایی‌ها
                </div>svg>

                </div>


         </div>


    </section>



    <!-- =====================================================
    <div class="mq-feature-title">

     LOGIN CARD
         ===================================================== -->

    <section class="mq-login-card">مدیریت کامل


        <!-- CARD BRAND -->

        <div class="mq-card-brand">


 <br>

                    <svgدارایی‌ها

                class="mq-logo-svg"
  </div>

            </div>


        </div>


    </section>



  viewBox="0 0 100 100"<!-- ======================================================
                aria-hidden="true"LOGIN CARD
            ====================================================== -->

    <section class="mq-login-card">


        <!-- REAL LOGO <defs>-->

        <div class="mq-login-logo-wrap">

           <linearGradient <img
                        idclass="mqGradientCardAmq-login-logo"
                        x1="0"
        src="/download/attachments/174855060/MediQ%20Heart%20Medical%20Logo1.png"
                y1alt="0MediQ"
            >

            x2="1"</div>



        <!-- WELCOME -->

              y2<div class="1mq-welcome">
            به پلتفرم مدیکیو خوش     >آمدید
        </div>


                <stop<div class="mq-welcome-description">
            برای ادامه، وارد حساب کاربری خود شوید.
          offset="0%"</div>



            <!-- ==================================================
                stop-color="#58d8d5"LOGIN FORM
                        /================================================== -->

        <form
                <stopid="mqLoginForm"
            class="mq-form"
                offsetmethod="100%post"
                            stop-color="#11bcb6action="/dologin.action"
        >


            <!-- USERNAME   /-->

                    </linearGradient>
<div class="mq-field">

                    <linearGradient<input
                        id="mqGradientCardBmqUsername"
                        x1class="1mq-input"
                        y1type="0text"
                        x2name="0os_username"
                        y2placeholder="1نام کاربری"
                    >autocomplete="username"
                    required
    <stop
            >


                <span offsetclass="0%"mq-field-icon">

                    <svg viewBox="0 0 24 24">

    stop-color="#00a7a3"
                    <circle
    />

                        <stopcx="12"
                            offsetcy="100%8"
                            stop-colorr="#00c3b64"
                        ></>
circle>

                        </linearGradient>

<path
                           </defs>


        d="M5 20c0-4 3-7 7-7s7 3 7 7"
         <path
               ></path>

     d="
               </svg>

     M50 82
          </span>

          C43 72 24 58 20 39
 </div>



            <!-- PASSWORD -->

         C17 24 26 13 39 13
<div class="mq-field">

                <input
     C47 13 53 18 57 25
          id="mqPassword"
          C48 27 41 34 39 44
     class="mq-input"
               C36 55 41 67 50 82type="password"
                    Zname="os_password"
                    placeholder="رمز عبور"
                    fillautocomplete="url(#mqGradientCardA)current-password"
                   />
 required

                <path>


                <!--    d="LOCK -->

                <span class="mq-field-icon">

   M50 82
                <svg viewBox="0 0 24 C5824">

 71 77 58 81 39
                   <rect
 C84 24 75 13 62 13
                    C53 13 47 19 43 27
 x="5"
                       C53 28 60 35 62 45y="10"
                    C64 56 59 68 50 82
   width="14"
                 Z
           height="10"
         "
                    fillrx="url(#mqGradientCardB)2"
                />


        ></rect>

        <path
                <path
    d="
                    M50 68
   d="M8 10V7a4 4 0 0 1 8 0v3"
           C43 57 42 48 45 40
        ></path>

            C47 34 51 30 56 28
       <path
             C50 38 51 50 56 58
          d="M12 14v2"
         C55 62 53 65 50 68
          ></path>

          Z
          </svg>

          "
      </span>



              fill="#ffffff"
  <!-- EYE -->

                opacity=".94"<button
                />

     id="mqPasswordToggle"
       </svg>


            <div class="mq-cardpassword-wordmarktoggle">
                   Medi<span classtype="qbutton">Q</span>
            </div>


        </div>

title="نمایش رمز عبور"
        <div class="mq-card-caption">
            مدیریت تجهیزات پزشکی
 aria-label="نمایش رمز عبور"
       </div>


        <div class="mq-welcome">

            به پلتفرم مدیکیو خوش آمدید
        </div><svg


        <div class="mq-welcome-desc">
            برای ادامه، وارد حساب کاربری خود شوید.
 id="mqEyeIcon"
           </div>



        <!-- =================================================
    viewBox="0 0 24 24"
      FORM
             ================================================= -->


            <form
            id="mqLoginForm"<path
            class="mq-form"
                methodd="post"
            action="/dologin.action"
M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"
          >


            <!-- USERNAME --> ></path>

             <div class="mq-field">


           <circle
        <input
                    idcx="mqUsername12"
                        class    cy="mq-input12"
                         type   r="text3"
                    name="os_username"
    ></circle>

                    </svg>

               placeholder="نام کاربری" </button>

            </div>



        autocomplete="username"
    <!-- REMEMBER -->

              required<div class="mq-options">

                <label class="mq-remember">


                   <span class="mq-field-icon">

 <input
                    <svg viewBox="0 0 24 24type="checkbox">

                        <circlename="os_cookie"
                            cxvalue="12true"
                    >

           cy="8"
         <span>
                   r="4"
     مرا به خاطر بسپار
                ></circle>

    </span>

                </label>

    <path
        </div>



            <!-- DESTINATION -->

      d="M5 20c0-4 3-7 7-7s7 3 7 7"<input
                id="mqDestination"
          ></path>

      type="hidden"
                </svg>

name="os_destination"
                <value="/span>"


            </div>>



            <!-- PASSWORDLOGIN -->

            <button
               <div classid="mq-field">

mqSubmit"
                <inputclass="mq-submit"
                type="submit"
      id="mqPassword"
      >

                <span class="mq-submit-inputtext">
                     type="password"
ورود به سامانه
                </span>

                <span nameclass="os_password"
mq-loader"></span>

            </button>



            placeholder="رمز عبور"<!-- ERROR -->

            <div
        autocomplete="current-password"
        id="mqError"
            required
    class="mq-error"
            >></div>


        </form>



        <!-- LOCKDIVIDER RIGHT -->

                <span <div class="mq-field-icon">divider"></div>



        <!-- SUPPORT -->

        <div  <svg viewBox="0 0 24 24">class="mq-support">


                        <rect<span>
                در صورت مشکل در ورود، با واحد فناوری اطلاعات    x="5"تماس بگیرید.
            </span>


            <span    yclass="10"mq-support-icon">

                <svg viewBox="0 0 24 24">

        width="14"
            <path
                height="10"
        d="M4 13v-2a8 8 0 0 1 16 0v2"
             rx="2"
       ></path>

                 ></rect>

   <path
                     <path
   d="M4 13H3a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2v-6z"
             d="
       ></path>

                     M8 10<path
                        d="M20 13h1a2 2 0 V7
0 1 2 2v2a2 2 0 0 1-2 2h-2v-6z"
                    a4></path>

 4 0 0 1 8 0
              <path
              v3
          d="M19 19c0 2-2 2-4 2"
              "
      ></path>

                  ><</path>svg>

            </span>


        </svg>div>


    </section>


</div>


<script>
(function () {

    "use strict";


     </span>



/* ========================================================
       MEDIQ CONFIG
        <!-- EYE LEFT -->======================================================== */

    var CFG = {

         <button/*
         * مقصد بعد از Login موفق
      id="mqEye"
   *
         * فعلاً چون Dashboard     class="mq-eye"ساخته نشده،
         * کاربر به همین صفحه MediQ برمی‌گردد.
     type="button"
    *
         * بعداً فقط Page ID داشبورد را title="نمایش رمز عبور"اینجا عوض می‌کنیم.
         */

           aria-label="نمایش رمز عبور"destination:
                >"/pages/viewpage.action?pageId=174855144",



                    <svg/*
         *          Login واقعی Confluence
     id="mqEyeIcon"
    */

        loginAction:
            viewBox="0 0 24 24"/dologin.action"

    };



    /* ========================================================
           >ELEMENTS

         ======================================================== */

    var form =
         <pathdocument.getElementById(
            "mqLoginForm"
        );


    var username   d="
        document.getElementById(
            "mqUsername"
        M2 12);


    var password =
        document.getElementById(
              s4-7 10-7"mqPassword"
        );


    var passwordToggle =
              10 7 10 7document.getElementById(
            "mqPasswordToggle"
        );


    var    -4 7-10 7eyeIcon =
        document.getElementById(
            "mqEyeIcon"
        S2 12 2 12);


    var submit =
        document.getElementById(
              "mqSubmit"
        );


    var destination =
        document.getElementById(
  ></path>

          "mqDestination"
        );


    var error <circle=
        document.getElementById(
            "mqError"
        cx="12");



    /* ========================================================
       APPLY CONFIG
       ======================================================== */

    if (form) {

  cy="12"
      form.action =
            CFG.loginAction;

        form.method r="3"
            "post";

        form.setAttribute(
    ></circle>

        "autocomplete",
            </svg>
"on"
        );

        </button>}


    if (destination) {

       </div>



   destination.value =
          <!-- REMEMBER --> CFG.destination;

    }



        <div class="mq-options">

/* ========================================================
       ERROR MESSAGE
        <label class="mq-remember">

     ======================================================== */

    function showError(message) {

        if (!error) {
     <input
       return;
        }


        error.innerHTML type="checkbox"
            message;


            name="os_cookie"error.style.display =
            "block";

    }


    function hideError() {

  value="true"
      if (!error) {
            >
return;
        }


        error.innerHTML =
   <span>
         "";


        error.style.display =
      مرا به خاطر بسپار
   "none";

    }



    /* ========================================================
       SHOW </span>

 HIDE PASSWORD
         ======================================================== */

    if </label>(

            </div>


password &&
        passwordToggle
    <!-- DESTINATION -->) {

            <input
   passwordToggle.addEventListener(
             id="mqDestinationclick",
            function () {

  type="hidden"
              var showPassword name="os_destination"
                value="/"
     password.type ===
      >



            <!-- SUBMIT --> "password";


              <button
  password.type =
             id="mqSubmit"
       showPassword
         class="mq-submit"
               ? type="submittext"
            >

                <span: class="mq-submit-text">
"password";


                if (showPassword) {

   ورود
                </span>

   passwordToggle.title =
              <span class="mq-loader"></span>

         "مخفی کردن  </button>رمز عبور";



            <div
        passwordToggle.setAttribute(
        id="mqError"
                class="mqaria-errorlabel",
            ></div>


        </form>



    "مخفی کردن رمز  <div class="mq-divider"></div>


عبور"
         <div class="mq-support">


          );


  <svg viewBox="0 0 24 24">

              if (eyeIcon) <path
{

                        eyeIcon.innerHTML d="
                     M4 13v-2
       '<path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"></path>' +
   a8 8 0 0 1 16 0
                    v2
   '<circle cx="12" cy="12" r="3"></circle>' +
                 "
           '<path d="M4 4l16   16"></path>';

                <path
    }

                d="}
                else {

   M4 13
                passwordToggle.title =
   H3
                    a2 2"نمایش 0 0 0-2 2رمز عبور";


                    v2passwordToggle.setAttribute(
                    a2 2 0 0 0 2 2 "aria-label",
                    h2
    "نمایش رمز عبور"
              v-6
      );


              z
                    "
if (eyeIcon) {

                  ></path>

      eyeIcon.innerHTML =
         <path
                   '<path d="
M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z"></path>' +
        M20 13
                    h1
  '<circle cx="12" cy="12" r="3"></circle>';

                  a2 2 0}

 0 1 2 2
            }

        v2
    }
        );

    }



    a2 2 0 0 1-2 2/* ========================================================
       REMOVE ERROR WHEN USER TYPES
         h-2======================================================== */

    if (username) {

        username.addEventListener(
      v-6
      "input",
            function () z{

                hideError();

    "
        }
        ></path>);

    }


    if    </svg>
(password) {

        password.addEventListener(
    <span>
        "input",
        در صورت مشکل در ورود،function با واحد فناوری اطلاعات تماس بگیرید.
() {

                </span>hideError();


            </div>


}
       </section>


</div>



<script>
(function () {;

    "use strict";}



    /* ========================================================
       LOGIN CONFIGVALIDATION
       ======================================================== */

    var CFG =if (form) {

        form.addEventListener(
           destination: "/submit",

            loginAction: "/dologin.action"function (event) {

     };


     /* ========================================================      var userValue =
       ELEMENTS
             username
          ======================================================== */

    var form =
       ? documentusername.value.getElementByIdtrim("mqLoginForm");


               var username =
       : document.getElementById("mqUsername");


                var passwordpasswordValue =
            document.getElementById("mqPassword");

      var eye =password
        document.getElementById("mqEye");

    var eyeIcon =
        document.getElementById("mqEyeIcon");

  ? password.value
 var submit =
        document.getElementById("mqSubmit");

    var destination =
       : document.getElementById("mqDestination");


    var error =
        document.getElementById("mqError");


    /* ========================================================
--------------------------------------------
                 APPLY  USERNAME CONFIGEMPTY
       ======================================================== */

            -------------------------------------------- */

                if (form!userValue) {

        form.action  = CFG.loginAction;
    }

    if event.preventDefault(destination);


 {
        destination.value = CFG.destination;
    }


    /* ======================================================== showError(
       PASSWORD EYE
       ======================================================== */

    if (password && eye) {

      "لطفاً  eye.addEventListener(
نام کاربری را وارد کنید."
                 "click",
   );


                    functionif (username) {

                   var  isHidden =
  username.focus();

                  password.type === "password"; }


                password.type =    return false;

                }



                  isHidden/* --------------------------------------------
                        ? "text"PASSWORD EMPTY
                        : "password";


-------------------------------------------- */

                 eye.title =if (!passwordValue) {

                    isHiddenevent.preventDefault();


                        ? "مخفی کردن رمز عبور"showError(
                        : "نمایشلطفاً رمز عبور";


 را               eye.setAttribute(وارد کنید."
                    "aria-label",);


                    eye.title
        if (password) {

        );


                if password.focus(eyeIcon) {;

                    if (isHidden) {}


                    return false;

   eyeIcon.innerHTML =
            }



                '<path d="M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12"></path>' +
/* --------------------------------------------
                   VALID
                   '<circle cx="12" cy="12" r="3"></circle>' +
-------------------------------------------- */

                hideError();


             '<path d="M4 4l16 16"></path>';

/*
                 * Username / Password }
را خود Confluence
                 * elseاز {

طریق POST دریافت می‌کند.
                 *
    eyeIcon.innerHTML =
            * Password در LocalStorage،
             '<path d="M2 12s4-7 10-7 10* 7SessionStorage 10یا 7-4 7-10 7S2 12 2 12"></path>' +
Cookie سفارشی
                 * ذخیره نمی‌شود.
              '<circle cx="12" cy="12" r="3"></circle>';

 */


                if (submit) {

     }

                }

submit.classList.add(
            }
        );

    }"loading"


    /* ========================================================
       VALIDATION
       ======================================================== */

 );


      if (form) {

             form.addEventListener(
   submit.disabled =
          "submit",
            function (event) { true;


                var userValue =
  submit.setAttribute(
                  username
      "aria-busy",
                  ? username.value.trim()
     "true"
                   : "");


                }


  var passValue =
            /*
        password
         * اینجا preventDefault نداریم.
            ? password.value
    *
                 * بنابراین فرم به:
 "";


                if*
 (!userValue || !passValue) {

             * /dologin.action
      event.preventDefault();


           *
         if (error) {

      * ارسال می‌شود.
                error.style.display =
 */

                return true;

            "block";

}
        );

    }



    /* ========================================================
       RESTORE error.innerHTML =BUTTON
       اگر Browser با Back به صفحه برگشت
       ======================================================== */

    window.addEventListener(
   "لطفاً نام کاربری و رمز عبور را وارد کنید.";

 "pageshow",
        function () {

          }  if (submit) {


                 submit.classList.remove(
   return false;

                }
"loading"

                if (error) {);


                submit.disabled =
   error.style.display = "none";
                }false;


                if (submit) {submit.removeAttribute(
                    submit.classList.add("loading");"aria-busy"
                });

            }

        );}

    });



    /* ========================================================
       INITIAL FOCUS
       ======================================================== */

    window.setTimeout(
        function () {

            if (
                username &&
                !username.value
            ) {

                username.focus();

            }

        },
        300
    );


})();
</script>

</div>