/* ===================================
   ITWise Login Modern
   =================================== */

/* ---------- Background ---------- */

body {

background:
    linear-gradient(
        135deg,
        #061B35 0%,
        #0B63CE 100%
    ) !important;
   
}

.AllDivAV{
    width:100% !important;
    min-height:100vh !important;
    height:auto !important;

    background:
    linear-gradient(
        135deg,
        #061B35 0%,
        #0B63CE 100%
    ) !important;
}

/* ---------- Site Title ---------- */

.DivTitleNameWeb{
    background:transparent !important;
    padding-top:20px !important;
}

.FontSizeTitleNameWeb{
    font-size:32px !important;
    font-weight:700;
    color:white;
}

/* ---------- Login Card ---------- */

.boxAdminEntryAV,
.boxNewAdminRegAV{

    width:450px !important;
    max-width:92% !important;

    height:auto !important;

    background:#fff !important;

    border-radius:20px !important;

    border:none !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.25) !important;

    padding:30px !important;

    margin:40px auto !important;

    overflow:visible !important;
}

/* ---------- Card Title ---------- */

.boxTitleAdminNewAndEntryAV{

    border-bottom:1px solid #e5e7eb !important;

    height:auto !important;

    padding-bottom:20px !important;

    margin-bottom:20px !important;

    text-align:center;
}

.TextTitleAdminEntry{

    font-size:32px !important;

    color:#334155 !important;

    font-weight:bold !important;

    letter-spacing:.5px;
}

/* ---------- Labels ---------- */

.boxDivEmailAndPass{

    width:100% !important;

    float:none !important;

    height:auto !important;

    margin:15px 0 5px 0 !important;

    font-size:18px !important;

    font-weight:bold;
}

/* ---------- Input Container ---------- */

.BoxDiv_TBEmailAmdPass{

    width:100% !important;

    float:none !important;

    height:auto !important;

    margin-bottom:15px !important;
}

/* ---------- TextBox ---------- */

.StyleTB{

    width:100% !important;

    height:52px !important;

    border:1px solid #d1d5db !important;

    border-radius:12px !important;

    background:white !important;

    padding:0 15px !important;

    font-size:18px !important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.StyleTB:focus{

    outline:none;

    border-color:#0B63CE !important;

    box-shadow:
        0 0 0 4px rgba(11,99,206,.15);
}

/* ---------- Password Eye ---------- */

.toggle-password{

    color:#0B63CE;

    cursor:pointer;
}

/* ---------- Buttons ---------- */

.ButtonLogin,
.ButtonRegAV,
.install-btn{

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

/* ---------- Login Button ---------- */

.ButtonLogin,
.ButtonRegAV{

    width:100% !important;

    height:58px !important;

    border:none !important;

    border-radius:12px !important;

    background:
    linear-gradient(
        135deg,
        #0B63CE,
        #084ca0
    ) !important;

    color:white !important;

    font-size:22px !important;

    font-weight:bold !important;

    text-shadow:none !important;

    box-shadow:none !important;
}

/* ---------- Hover ---------- */

.ButtonLogin:hover,
.ButtonRegAV:hover,
.install-btn:hover{

    transform:translateY(-2px);

    box-shadow:
        0 10px 25px rgba(0,0,0,.20);
}

/* ---------- Forgot Password ---------- */

.LinkButton{

    background:none;

    border:none;

    color:#0B63CE;

    cursor:pointer;

    font-size:16px;

     position:relative;
    z-index:100;
}

/* ---------- Install App ---------- */

.install-container{

    width:100%;

    display:block;

    text-align:center;

    clear:both;

    margin-top:20px;

    position:relative;

    z-index:5;
}

.install-btn{

    background:
    linear-gradient(
        135deg,
        #0B63CE,
        #084ca0
    );

    color:white;

    border:none;

    border-radius:12px;

    padding:14px 28px;

    font-size:18px;

    cursor:pointer;

    box-shadow:
        0 8px 20px rgba(0,0,0,.25);
}

/* ---------- Force Old CSS Override ---------- */

#installBtn{

    position:static !important;

    margin:0 auto !important;

    left:auto !important;

    right:auto !important;

    bottom:auto !important;

    transform:none !important;
}

/* ---------- Mobile ---------- */

@media(max-width:768px){

    .FontSizeTitleNameWeb{
        font-size:24px !important;
    }

    .TextTitleAdminEntry{
        font-size:26px !important;
    }

    .boxAdminEntryAV,
    .boxNewAdminRegAV{

        width:95% !important;

        margin-top:20px !important;

        padding:20px !important;

        overflow:visible !important;
    }

    .boxMiddleAdminEntryAV{

        height:auto !important;

        min-height:140px !important;
    }

    .boxBtnFooterAdminEntryAV{

        height:auto !important;

        min-height:60px !important;

        float:none !important;

        margin-top:15px !important;
    }

    .ButtonLogin,
    .ButtonRegAV{

        font-size:20px !important;
    }

    .install-container{

        margin-top:15px !important;

        margin-bottom:10px !important;
    }

    .install-btn{

        width:85%;

        max-width:280px;
    }
}





/* תפריט צד */

/* Desktop */

.navbar{

    background:#061B35;

    overflow:hidden;
}

/* Mobile בלבד */

@media(max-width:768px){

    .navbar{

        height:0;

        padding-top:0;

        transition:all .3s ease;
    }
}

/* כל הקישורים */

.navbar a{

    display:block;

    padding:12px 16px;

    color:white !important;

    text-decoration:none;

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

    font-size:16px;

    line-height:1.3;

    transition:.25s;

    border-bottom:
        1px solid rgba(255,255,255,.08);

    
}

/* מעבר עכבר */

.navbar a:hover{

    background:#0B63CE;

    color:white;
}

/* כפתור סגירה */

.closebtn{

    font-size:34px !important;

    text-align:left;

    border:none !important;
}

/* מובייל */

@media(max-width:768px){

    .navbar a{

         font-size:14px !important;

        padding:18px 20px;
    }

    .closebtn{

        font-size:38px !important;
    }
}

.logoITWise{

    max-width:220px;

    width:80%;

    height:auto;
}






/* ===================================
   HEADER + MENU
=================================== */

.topHeader{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:10px 15px;

    background:#061B35;

    position:relative;
}

.imgLogoTop{

    height:55px;

    width:auto;

    display:block;
}

/* המבורגר */

.menuHamburger{

    display:none;

    font-size:34px;

    color:white;

    cursor:pointer;

    user-select:none;
}

/* Desktop */

@media(min-width:769px){

     .topHeader{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }

    .navbar{
        
        width:auto !important;
        display:flex !important;
        gap:25px;


        margin-left:30px; /* רווח מהקצה השמאלי */
    }

    .navbar a{
        border:none;
    }

    .menuHamburger{
        display:none;
    }

    .closebtn{
        display:none !important;
    }
}

/* Mobile */

@media(max-width:768px){

    .menuHamburger{

        display:block;

        position:absolute;

        right:15px;

        top:50%;

        transform:translateY(-50%);

        z-index:10000;
    }

    .navbar{

        display:block;

        position:absolute;

        top:75px;

        right:0;

        width:260px;

        height:0;

        overflow:hidden;

        background:#061B35;

        z-index:9999;

        box-shadow:
            0 5px 25px rgba(0,0,0,.35);

        transition:height .3s ease;
    }

    .navbar a{

        display:block;

        padding:18px 20px;

        color:white !important;

        text-decoration:none;

        font-size:14px !important;

        border-bottom:
            1px solid rgba(255,255,255,.08);
    }

    .closebtn{

        display:block !important;

        font-size:38px !important;
    }

    .imgLogoTop{

        height:90px;
        width:180px;
        margin:0 auto;
    }
}