form > div
{ 
}

html
{
   
}

#mainDiv
{
    width: 70% ;
}

#wrapper
{
/*    height: calc(100vh - 260px);*/
    overflow-y: auto;
    overflow-x: hidden ;
    width: 100%;
    margin-top: 2.8rem;
}

#wrapper > div, #titleDiv
{
    margin: auto ;
    display: block ;
}

#wrapper > div#mainLogo
{
    width: 405px ;
    height: 88px ;
    margin: 20px auto 20px auto ;
}

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

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

#caption_isracard
{
    font-size: 0;
}

#caption_isracard > p
{
    display: inline-block ;
    width: 50% ;
    font-size: 1rem;
}

#caption_isracard > p:last-of-type
{
    text-align: left ;
}

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
{
    padding: 1% 20%;;
}

#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; }




.error
{
    font-size: 0.8em;
}


/* eof */