html
{
    font-size: 16px ;
}

form > div
{ 
    /*width: 404px ;*/
}

h1:first-of-type, .titleH1
{
    margin: auto;
    font-size: 1.3rem;
    /*max-width: 404px;*/
}

#wrapper
{
    overflow-x: hidden ;
    width: 100%;
/*    margin-top: 2.8rem;*/
}

#wrapper > div, #titleDiv
{
/*    max-width: 404px ;*/
    margin: auto ;
    display: block ;
}
label > input, label > select {
    display: block;
    position: absolute;
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #19398a; */
    border-bottom: 1px solid black;
    top: 1rem;
    background-color: transparent;
    font-size: 1rem;
}

#wrapper > div#mainLogo
{
    width: 350px;
    height: 68px;
    margin: auto auto;
    margin-top: 20px;
}

#errorMessage
{
    height: 0 ;
    margin-bottom: 0;
}

#sendButton 
{
    font-size: 18px;
    border-radius: 4px;
    margin-top: 12px;
    bottom: 155px;
    width: 330px;
    height: 54px;
    line-height: 54px ;
    /*margin-right: 0;*/
}

div[formstep] > b 
{
  
  /*height:1.5rem;*/
}

/******************/

div.signature
{
    width: 400px;
    height: 150px;
    border-radius: 10px;
    margin-top: 30px;
    background-size: 30% 70%;
    background-position: bottom;
}

div.signature:after
{
    width: 400px;
    top: -144px;
}

div.signature img
{
    width:24px;
}



/******************/


div.opened
{
/*    top: 11.6% ;
   padding: 2% 20%;
    border: 1px solid black ;
    border-top-width: 4px ;*/
    border-radius: 0 ;
    position: unset;
}



div[formStep]
{
    margin: 17px 0;
}

#titleDiv
{
    font-size: 1.1rem;
    margin-top: 15px ;
    margin-bottom: 15px ;
}
/*.thirdLine{margin-right: 1rem;}*/
#fileDrag{cursor: pointer;}
/*#hatzharNnehene{ margin:0;}*/








/* NEHENE */

#nehene_container {padding-top: 60px ;}

#nehene_nehenim { width: 510px ;font-size: 12px ;}

#nehene_nehenim label {margin-bottom: 6px ;}

#nehene_nehenim .error{ top: 20px; right: 6px;}


#nehene_nehenim input[type=checkbox] + label { height: 30px; }
#nehene_nehenim input[type=checkbox] + label:after { margin-right: 20px ; border-top: 0.083333rem solid gray ; height: 0.083333rem ;}
#nehene_nehenim input[type=text], 
#nehene_nehenim input[type=date], 
#nehene_nehenim input[type=radio] + span
{
    width: 120px ;
    height: 25px ;
    line-height: 25px ;
    border-radius: 3px ;
    margin: 6px ;
    margin-bottom: 12px;
    border: 0.083333rem solid #1b2582 ; 
}

#nehene_nehenim input[type=radio] + span { width: 30px ; margin: 0 ; position: relative ;}
#nehene_nehenim input[type=radio]:checked + span { }
/*#nehene_nehenim div label:first-of-type { margin-left: 30px ;}*/
#nehene_nehenim div label:nth-of-type(2) { margin-right: 6px ;}


#nehene_nehenim label  input[type=checkbox] ~ span 
{
    height: 10px ; 
    width: 30px ; 
    padding: 8px ;
    padding-top: 28px ; 
    margin-left: 0 ; 
    vertical-align: middle;
}

#nehene_nehenim input[name*='city']  {width: 242px ; margin-right: 12px; }
#nehene_nehenim input[name*='street']  {width: 252px ; }
#nehene_nehenim input[name*='homeNumber']  {width: 44px ; }
#nehene_nehenim input[name*='apartmentNumber']  {width: 44px ; }
#nehene_nehenim input[name*='zipCode']  {width: 60px ; }
#nehene_nehenim input[name*='identifyNumber'] { width: 150px; margin-left: 0;}
#nehene_nehenim input[name*='birthDate'] + label .error { right: 0 ;}
#nehene_nehenim input[name*='birthDate'] + label + label + .error { right: 12px ;}
#nehene_nehenebepeulya:checked ~ #nehene_nehenim input[name*='city'] + .error,
#nehene_nehenebepeulya:checked ~ #nehene_nehenim input[name*='identifyNumber'] + label + .error { display: block; top: 48px ;}

#nehene_upper_message 
{ 
    font-size: 18px; padding: 10px ; top: 0; font-family: 'Bold';
}

#nehene_upper_message:before
{
    border: 2px solid black ;
    border-radius: 18px ;
    width: 18px ;
    height: 18px ;
    line-height: 18px ;
    font-size: 18px ;
    margin-left: 8px ;
}

#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked + label + div + input[type=checkbox][name*='chk-panel-p']:not(:checked) + label{ font-size: 0 ;}
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked + label + div + input[type=checkbox][name*='chk-panel-p']:not(:checked) + label:after 
{ height: 30px ;  font-size: 16px;  margin-right: 6px ; }

#nehene_nehenim div .date + label, #nehene_nehenim div .date + label + label {margin-top: 6px; }
#nehene_nehenim .date { background-position: 4px center ;}

/* END OF NEHENE */




.hatimot
{
    width: 35% ;
    margin-right: 60%;
}





.errorControl
{
    color: red ;
    display: block ;
}

/*#nehene_nehenim .errorControl, #nehene_nehenim .error*/
/*{*/
/*    position: relative; display: inline-block; width: 0; white-space: nowrap; */
/*    top: 29px;*/
/*    right: 0.5rem;*/
/*}*/


/*#nehene_nehenim .errorControl:first-of-type, #nehene_nehenim label:first-of-type + .errorControl, #nehene_nehenim input[name*='city'] + .errorControl */
/*{*/
/*    height: 0rem;*/
/*    top: 3.15rem ;*/
/*}*/




/*#nehene_nehenim div .date + label, #nehene_nehenim div .date + label + label {margin-top: 6px; }*/
/*#nehene_nehenim div .date + label .errorControl { top: 2.8rem ; right: 0;}*/
/*#nehene_nehenim div .date + label + label + .errorControl { display: inline-block; top: 2rem ; }*/
/*#nehene_nehenim input[name*='identifyNumber'] { width: 150px; }*/
/*#nehene_nehenim input[name*='birthDate'] + label .error { margin-top: 6px ;}*/
/*#nehene_nehenim .date { background-position: 4px center ;}*/

#textAbouveButton
{
    width: 400px ;
    box-sizing: border-box ;
    margin-bottom: 1rem;
}

#sign_mainSignature:not([style]) ~ #sendButton { margin: 2rem auto; }

@media (max-height: 600px)
{
    #sendButton
    {
        position: fixed ;
        bottom: 10px ;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    
    
    #wrapper
    {
        height: calc(100vh - 85px);
    }
}


.error
{
    font-size: 0.8em;
}


.collapseContinue, .back
{
    /*position: absolute;
    bottom: 10px;*/
    width: 25% ;
    height: 6vh;
}
#flexButton{
    display: flex;
    justify-content: space-between;
}

#mainTitle { margin: 0 17rem 2rem 17rem;}


.tableselem {
    display: flex;
    gap: 10%;
}
/* eof */