@font-face 
{
    font-family: 'Light';
    src: url('images/isracard/ICPangeaText-Light.otf');
}

@font-face 
{
    font-family: 'Regular';
    src: url('images/isracard/ICPangeaText-Regular.otf');
}

@font-face 
{
    font-family: 'Medium';
    src: url('images/isracard/ICPangeaText-Medium.otf');
}

@font-face 
{
    font-family: 'Bold';
    src: url('images/isracard/ICPangeaText-SemiBold.otf');
}
.logoUpload {
    width: 30px;
}
#logo {
    width: 12%;
    display: block;
    margin: auto;
    margin-top: 2%;
    background-size: 100% 100% !important;
}
.logoUpload{width: 30px;}
.light
{
    font-family: 'Light';
}
.titlePlus{
    display: inline-block;
}
.check input[type=checkbox]{
    opacity: 1 !important;
    height: 15px !important;
}
.medium
{
    font-family: 'Medium';
}

.bold 
{
    font-family: 'Bold' ;
}

html
{
    margin: 0px;
    padding: 0px;
    text-align: right;
    direction: rtl;
    font-family: Regular ;
    color: black ;
    font-size: 16px ;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

form, body {height: 100%; margin: 0 ; padding: 0;}

form > div { margin: auto ;}

input {font-family: Regular;} 

#overlay,.overlay
{
    position: fixed ;
    left: 0 ;
    top: 0 ; 
    right: 0;
    bottom: 0 ;
    width: 100% ;
    height: 100vh;
    background-color: black ;
    opacity: 0.3;
}


b, .b, strong, .title,.title1, .title2 { font-family: 'Bold'; }

.title  { font-size: 1.3em ;}
.title1 { font-size: 2rem ; margin-top: 2rem ; font-family: 'Regular';}
.title2 { font-size: 1.1em;}

#pdfMainTitle, .pdfTitle { display: none ;}

table.title { margin-top: 1rem ;}
td { vertical-align: top;padding-bottom: 1rem; }

input[type=checkbox] { margin-left: 0.5rem  ; accent-color: black;}

input[type=checkbox][disabled]:after { 
    text-align: center ; 
    border-radius: 3px; 
    color: white; 
    font-family: Arial,Verdana;
    font-size: 0.8rem ; 
    line-height: 0.9rem;
    width: 0.9rem ; 
    height: 0.9rem ; 
    display: inline-block ; 
    background-color: black; 
}

#errorMessage,.errorMessage {font-size: 1rem ; color: red ; display: block ; font-weight: bold; text-align: left ; margin-bottom: 50px ;}
.errorMessage { margin-bottom: 0; text-align: right;display:none;}
.error { color: red; font-size: 0.9rem;}
.hidden,#hiddenButton { display: none ;}

#titleDiv
{
    font-weight: normal;
    font-size: 1.2rem ;
}

div[formstep] 
{
    cursor: pointer;
}

div[formstep] > button
{
    border: none ;
    background: transparent ;
    font-size: 1rem ;
    font-family: 'Regular';
    cursor: pointer;
    padding: 0;
    width: calc( 100% - 2.4rem );
    text-align: right;
    display: inline-block;
    text-decoration: underline;
    max-height: 2.2rem;
    vertical-align: middle;
}


div[formstep].opened { cursor: default ; }

div[formstep] div 
{
    background-color: white ;
}

div[formstep] > span {background-color: white ; }

div[formstep] img
{
    margin-left: 0.4rem ;
    vertical-align: middle;
}

div[formstep] > button > b 
{
    display: inline-block;
    color: #ffffff;
    background-color: black;
    border-radius: 0.2rem;
    padding: 0.6rem 0.6rem;
    font-size: 0.9rem;
    margin-right: 0.5rem;
    
    height: 1rem;
    line-height: 1rem;
    vertical-align: top;
    position: relative;
    top: -1rem;
    right: 0.5rem;
}

div[formstep].opened > button > b, div[formstep].opened > img { display: none ;}

div[formstep] > button > b::after 
{
    content: '>';
    margin-right: 0.3rem;
    font-size: 1.3rem;
    vertical-align: middle;
    animation: blink 1s infinite alternate ;
    -webkit-animation: blink 1s infinite alternate ;
}

div[formstep].invalid > button > b.opened::after
{
    /*animation-name: attention;*/
}


div[formstep].valid > button > b
{
     padding-right: 1.5rem; 
     /*padding-right: 40px ;*/
}

div[formstep].valid > button > b::after
{
    color: white;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    content: '';
    right: 0;
    position: absolute;
    background-color: black;
    animation: none;
    width: 0.7rem;
    height: 0.4rem;
    transform: rotate(310deg);
}

div[formstep].invalid > button > b.opened:after 
{
    /*animation-name: attention;*/
}

div.signature 
{
    background-repeat: no-repeat;
    border: 1px dashed black;
    background-color: transparent;
    margin: 0;
}

div.signature img {display:none}

div.hasSignature, div[formstep] div.hasSignature
{
    border: 2px solid black ;
    /*background-color: rgba(0,0,0,0.05);*/
}

div.hasSignature img { display: block ;}

div.signature .deleteIcon
{ 
    width: 1.5rem;
    height: 1.5rem;
}

div.signature:after
{
    content: "יש לחתום כאן";
    position: relative;
    text-align: center;
    display: block;
    z-index: -1 ;
}


#textAbouveButton
{
    margin: auto ;
    margin-top: 2rem ;
    text-align: right;
    border: 1px solid red ;
    padding: 0.5rem;
    font-size: 0.9rem;
    background-image: url(images/isracard/failure.svg);
    background-repeat: no-repeat ;
    background-position: right center;
    padding-right: 1.5rem;
}

#sendButton 
{
    display: block;
    border: none ;
    box-sizing: border-box ;
    font-weight: bold ;
    color: white ;
    background: black ;
    font-family: 'Regular';
    margin-right: 20%;
}


#sendButton[aria-disabled=true], .collapseContinue[disabled], .invalid .collapseContinue, #sendButton[disabled]
{
    color: #020338 ;
    background-color: #eeeef4;
}


div.opened
{
    background-color: white ;
}

.stepHtml
{
    font-size: 1rem;
    /*overflow-y: auto;*/
}

.collapseContinue
{
    position: absolute;
    bottom: 10px;
    width: 50% ;
    height: 6vh;
    background-color: black ;
    color: white ;
    border: none ;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    display: none;
    text-align: center;
}

div.opened .collapseContinue { display: block ;}

.closeButton { display: none ; }

div.opened .closeButton
{
    /*content: '✖';*/
    display: block ;
    position: absolute ;
    top: 2% ;
    left: 1% ;
    cursor: pointer ;
    width: 2rem ;
    height: 2rem ;
    font-size: 2rem ;
    line-height: 2rem ;
    font-style: normal;
}



/* NEHENE */

#nehene_container input[type='radio'] {vertical-align: top; margin: 0.18rem 0 0 0; width: 20px;}
#nehene_container input[type='radio']:checked ~ #nehene_upper_message { }
#nehene_container { position: relative ;}

#nehene_nehenim { display: none;}

#nehene_nehenim label { max-width: 90% ;}

#nehene_nehenebepeulya:checked ~ #nehene_nehenim{display:block}

#nehene_nehenim input[type=checkbox] + label { width: 100% ; color: #1b2582 ; font-weight: bold ;}

#nehene_nehenim input[type=checkbox] + label:after 
{
    content: "";
    display: inline-block;    
    vertical-align: middle;
    width: 90% ;
}

#nehene_nehenim input[type=text], #nehene_nehenim input[type=date], #nehene_nehenim input[type=radio] + span
{
    /*display: none ;*/
    
}

#nehene_nehenim input[type=radio]
{
    width: 0;
    margin: 0;
    border: none;
    overflow: hidden;  
    position: absolute ;
}

#nehene_nehenim input[type=radio] + span { color: gray ; text-align: center; display: inline-block; }
#nehene_nehenim input[type=radio]:checked + span { border: 0.083333rem solid black ; color: black ; }
#nehene_nehenim div label:nth-of-type(2) { margin-right: 6px ;}

#nehene_container input[type=radio] + label
{
    display: inline-block;
    margin-bottom: 0.4rem ;
    width: calc( 100% - 2rem );
}

#nehene_nehenim label  input[type=checkbox] { display: none ;}
#nehene_nehenim label  input[type=checkbox] + span + span, #nehene_nehenim label  input[type=checkbox] + button + button {display:none ;}
#nehene_nehenim label  input[type=checkbox]:checked + span, #nehene_nehenim label  input[type=checkbox]:checked + button {display:none ;}
#nehene_nehenim label  input[type=checkbox]:checked + span + span, #nehene_nehenim label  input[type=checkbox]:checked + button + button {display: inline-block !important ;}
#nehene_nehenim label  input[type=checkbox] ~ span, #nehene_nehenim label  input[type=checkbox] ~ button 
{
background-color: transparent;
    background-image: url(CustomImages/toggle.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    text-align: center;
    color: black;
    cursor: pointer;
    border: none;
    height: 2rem;
    padding-top: 1.6rem;
    vertical-align: middle;
    width: 3.2rem;
}

#nehene_kvutsagdolya + label span input, #nehene_kvutsagdolya + label span { display: none;}
#nehene_kvutsagdolya:checked + label span input, #nehene_kvutsagdolya:checked + label span { display: inline;}

#nehene_kvutsabiltimugderet + label span input, #nehene_kvutsabiltimugderet + label span { display: none;}
#nehene_kvutsabiltimugderet:checked + label span input, #nehene_kvutsabiltimugderet:checked + label span { display: inline;}

#nehene_nehenebezhuyot + label span input, #nehene_nehenebezhuyot + label span { display: none;}
#nehene_nehenebezhuyot:checked + label span input, #nehene_nehenebezhuyot:checked + label span { display: inline;}


#nehene_upper_message 
{ 
    background: #eaeaea;
    color: black;
    font-weight: bold;
    position: absolute;
}

#nehene_upper_message:before
{
    content: '!';
    color: black ;
    display: inline-block ;
    position: relative ;
    text-align:center ;
}

#nehene_nehenim > fieldset
{
    border: 0 ;
    padding: 0 ;
    /*width: 100%;*/
    margin-bottom: 20px;
}

#nehene_nehenim > fieldset > legend
{
    position: relative ;
    top: -17px;
    right: 15px ;
}

#nehene_nehenim > fieldset > div,
#nehene_nehenim > fieldset input[type=text],
#nehene_nehenim > fieldset input[type=radio],
#nehene_nehenim > input ~ input:not(:checked) + fieldset + legend,
#nehene_nehenim input[type=checkbox][name*='chk-panel-p'] + label + div,
#nehene_nehenim input[type=checkbox][name*='chk-panel-p'] + label + div input[type=text],
#nehene_nehenim input[type=checkbox][name*='chk-panel-p'] + label + div input[type=radio],
#nehene_nehenim input[type=checkbox][name*='chk-panel-p'] ~ input[type=checkbox][name*='chk-panel-p']:not(:checked),
#nehene_nehenim input[type=checkbox][name*='chk-panel-p'] ~ input[type=checkbox][name*='chk-panel-p']:not(:checked) + label,
#nehene_nehenim input[name*='birthDate'] + label,
#nehene_nehenim input[name*='birthDate'] + label + label,
#nehene_nehenim input[name*='identifyNumber'] + label {display:none ;}

#nehene_nehenim > input:checked + fieldset + input + fieldset {display:block; } 
/*#nehene_nehenim > input:checked + fieldset + input:not(:checked) + fieldset > legend { font-size: 0 ;}*/
#nehene_nehenim > input:not(:checked) + fieldset > legend { font-size: 0 ;}

/*#nehene_nehenim input:checked + fieldset + input:not(:checked) + fieldset > legend,*/
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked + label + div + input[type=checkbox][name*='chk-panel-p']:not(:checked) + label {display: block; font-size: 0 ;}

#nehene_nehenim > input:checked + fieldset + input:not(:checked) + fieldset > legend > label:after,
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked + label + div + input[type=checkbox][name*='chk-panel-p']:not(:checked) + label:after 
{ content: "+ להוספת נהנה נוסף";  color: black ; border: none; display: inline-block ; cursor: pointer; font-weight: bold ; font-size: 1rem; }


#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked + label + div { display: block ;}
#nehene_nehenim input:checked + fieldset > div { display: block ;}




#nehene_nehenebepeulya:checked ~ #nehene_nehenim  #chk_panel_p1_div input[type=text],
#nehene_nehenebepeulya:checked ~ #nehene_nehenim  #chk_panel_p1_div input[type=date],
#nehene_nehenebepeulya:checked ~ #nehene_nehenim  #chk_panel_p1_div input[type=radio],
#nehene_nehenebepeulya:checked ~ #nehene_nehenim input[name*='birthDate'] + label,
#nehene_nehenebepeulya:checked ~ #nehene_nehenim input[name*='birthDate'] + label + label,
#nehene_nehenebepeulya:checked ~ #nehene_nehenim input[name*='identifyNumber'] + label,
#nehene_nehenebepeulya:checked ~ #nehene_nehenim .error,

#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + label + div input[type=radio],
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + label + div input[type=text],
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + label + div input[type=date], 

#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + fieldset > div input[type=radio],
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + fieldset > div input[type=text],
#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + fieldset > div input[type=date],

#nehene_nehenim input[type=checkbox][name*='chk-panel-p']:checked:not(:first-of-type) + input[name*='identifyNumber'] label
{ display: inline-block ;}


#nehene_nehenim input[type=radio] + span 
{ 
    width: 100%;
    margin: 0;
    padding: 0;
    top: 0 ;
    position: absolute ;
}


#nehene_nehenim .error
{
    position: relative; 
    width: 0; 
    white-space: nowrap; 
}

#nehenimPdfCaption { display: none ; }

/* END OF NEHENE */





.date {background-position: 0.5rem center; }
#maxAgreementExpireDate { width: 8.5em ; font-size: 0.9em;}
.dz-error-message { margin-top: 1rem ; }
.dropzone .dz-message{
    margin: 0;
    line-height: 3;
    display: contents;
}


.upload
{
    border: 2px solid #cdcdcd;
    border-radius: 6px;
    text-align: center;
    position: relative;
    min-height: 2rem;
    /* padding-bottom: 0; */
    margin: 0.5em 0 1em 0;
    width: 50%;
    height: auto;
}

.uploadExplian b
{
    display: block;
    font-size: 1.1rem;
    margin-top: 1rem;
}

#alHatmuna
{
    font-size: 1rem ;
    color: #023338 ;
    background-color: #eaf1ff;
    background-image: url(images/isracard/error.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    padding: 0.8rem ;
    padding-right: 12% ;
    margin: 1rem 0;
    
}

.attachDesc
{
    position: absolute;
    bottom: 1rem;
    width: 95%;
    text-align: center;
    margin: auto;
    display: block ;
}

.attachDesc b
{
    display: block ;
    color: black ;
    font-family: 'Regular';
    border: 1px solid black ;
    padding: 0.7rem ;
    margin-bottom: 1rem;
    cursor: pointer;
}

.upload ~ #sendButton[disabled] { font-size: 18px ;}


/* VIDEO CHAT */

/* Video popup */
#videoDiv
{
    background-color: white ;
    color: #020D74 ;
    margin: auto ;
    text-align: center;
}


*#videoDiv input[type=radio] { display: inline ;}
/*#videoDiv input[type=radio] { width: 3%;  box-sizing: content-box ; vertical-align: middle ; border: 2px solid #020D74 ; background-color: white ; padding: 4px ; position: initial;}*/
#videoDiv input[type=radio]:disabled {  border: 1px solid #F0F0F0 ; background-color: #F0F0F0 ; }
#videoDiv input[type=radio]:checked { background-color: #020D74; background-clip: content-box ;}

#videoDiv label 
{
    display: inline-block ; 
    text-align: right ; 
    vertical-align: top ;
    width: 94% ;
    font-size: 1rem;
    margin-top: 0.2rem;
}

#videoDiv label b { font-size: 1.1rem; }
#videoDiv label div { color: gray ; font-size: 1rem ;}
#videoDiv label table {margin-top: 0.5rem ; }
#videoDiv label th { font-size: 12px ; color: gray ; }
#videoDiv label select { border: none ; border-bottom: 1px solid gray ; color: #020D74 ;  font-size: 16px; margin: 0.4rem 0;width: 100%;border-bottom-color: #020D74; font-weight: bold;}

#videoDiv label[disabled] { }

.firstLine, .secondLine, .thirdLine, .waitMessage { display: block ; margin:auto ; color: #1b2582 ; font-weight: bold ; }
.firstLine { font-size: 1.5rem ; margin-bottom: 2rem ;}
.secondLine { font-size: 1.5rem; font-weight: bolder ; text-align: right;}
.thirdLine { color: #1b2582; margin: 1rem auto ;
    text-align: right;}
.thirdLine:before {   display: inline-block ; width: 1.2rem ; height: 1.2rem ; color: white ; border-radius: 1.2rem ; background-color: #1b2582; text-align: center; line-height: 1.2rem ; vertical-align: middle ; font-size: 1rem ; margin-left: 0.2rem; }
.waitMessage { background-color: #eaf1ff; padding: 0.9rem ; margin: 1rem 0 ; width: 93% ;}
.firstLine { display: none; }

/* pager */
#upLeft { width: 70% ;}

#pager
{
    text-align: center;
    width: 340px ;
    margin: auto ;
    /*color: #020D74 ;*/
}

#pager i, #pager u
{
    display: inline-block ;
    color: white ;
    background-color: #020D74 ;
    border-radius: 10px ;
    vertical-align: middle ;
    font-size: 18px ;
    line-height: 26px ;
    font-style: normal ;
    font-family: "MS Sans Serif", Arial ;
}

#pager span { display: inline-block ; width: 50% ; font-size: 14px ; }

#pager i
{
    width: 26px ;
    height: 26px ;
    border-radius: 14px ;
    position: relative ;
}

#pager u
{
    width: 70px ;
    height: 3px ;
}

#pager.step1 i:last-of-type, #pager.step2 i:first-of-type { background-color: white ; border: 1px solid #bcbfd8; color: #bcbfd8 }
#pager.step1 u:last-of-type, #pager.step2 u:first-of-type { background-color: #bcbfd8; color: white ; }

@-webkit-keyframes rotateit { from {-webkit-transform: rotate(360deg);} to {-webkit-transform: rotate(0deg);}}
@-moz-keyframes rotateit { from {-moz-transform: rotate(360deg);}  to {-moz-transform: rotate(0deg);}}
@keyframes rotateit { from {transform: rotate(360deg);} to {transform: rotate(0deg);}}


.submitButton
{
    display: block ;
    margin: auto ;
    float: none ;
}

#verrorMessage
{
    margin-top: 2rem ;
    height: 2rem ;
    visibility: hidden ;
    font-weight: bold;
}

#verrorMessage img 
{
    vertical-align: middle;
}

/* END OF VIDEO CHAT */


#popupanel
{
    position: fixed;
    background-color: white ;
    padding: 2rem ;
    font-size: 2rem ;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);    
}

#popupanel input
{
    display: block ;
    margin: auto ;
    background-color: black ;
    color: white ;
    display: block;
    border: none;
    box-sizing: border-box;
    font-size: 1rem ;
    font-weight: bold;
    color: white;
    font-family: 'Regular';    
    margin-top: 2rem;
    padding: 1rem 3rem ;
    border-radius: 0.5rem;
}

#uploadFile
{
        margin: unset;
}

.tiltleWindow{font-size: 2rem; text-align: right;}
   
#hatzharNnehene
{
    margin-bottom: 2rem;
}

.date {background-position: 0.5rem center; }
#maxAgreementExpireDate { width: 8.5em ; font-size: 0.9em;}
.dz-error-message { margin-top: 1rem ; }

.uploadExplian b
{
    display: block;
    font-size: 1.1rem;
}

#alHatmuna
{
    font-size: 1rem ;
    color: #023338 ;
    background-color: #eaf1ff;
    background-image: url(images/isracard/error.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    padding: 0.8rem ;
    padding-right: 10% ;
    margin: 1rem 0;
    
}

.attachDesc
{
    position: absolute;
    bottom: 1rem;
    width: 95%;
    text-align: center;
    margin: auto;
    display: block ;
}

.attachDesc b
{
    display: block ;
    color: black ;
    font-family: 'Regular';
    border: 1px solid black ;
    padding: 0.7rem ;
    margin-bottom: 1rem;
}


.t{width:49%;display:inline-block;}
.t td{width:50% ;}

.tB2b td{
    text-align: center;
    vertical-align:middle;
}
.signpdf
{
    display: none ;
    border: 1px solid #727272;
    min-width: 270px;
    min-height: 80px;    
}
.dropzone
{
    box-sizing: unset;
}

#selectDateWrapper{
    display: none;
}
#selectHourWrapper{
    display: none;
}

@keyframes myrize
{ 
  0%   {opacity: 0;}
  10%  {opacity: 1;background-color: green;}
  100% {opacity: 1;background-color: green;} 
}

div[formstep] div.dz-success-mark, .dz-success-mark
{
    opacity: 0;
    border-radius: 50%;
    background-color: green;
    /*animation: myrize 60s !important;*/
   /* animation: passing-through 20s cubic-bezier(0.77, 0, 0.175, 1) !important ;*/
   animation: none !important ;
}

div[formstep] div.dz-error-mark, .dz-error-mark
{
    background-color: red;
    border-radius: 50%;    
}

#secondaryTitle
{
    font-family: 'Bold';
    font-weight: bold;
    display: block;
    font-size: 1rem;
    width: 404px;
    margin-right: 0;
    margin-bottom: 1.6rem;
}

.pdfTitle{display:none;}


#goawaybutton
{
    color: #ffffff;
    background-color: red;
    border-radius: 0.2rem;
    padding: 0.3rem 0.6rem;
    font-size: 0.9rem;
    margin-right: 0.5rem;
    position: relative; 
    display: none ;
}


input:checked + #goawaybutton { display: inline-block ;}

td.border { padding: 0.5rem 0 ;
    border: 1px solid #333333;
}


.arutsiTikshoret table 
{
    width: 100%;
}

.arutsiTikshoret table td
{
    padding-left: 15px ;
}


.arutsiTikshoret td label { line-height: 2rem ;}

#pishutheskmim table td:first-of-type
{
    width: 33%;
}




/* Loader */
.global--loading
{
  --loading-size: 50px;
  position: fixed;
  display: grid;
  top: 0;
  left: 0;
  place-content: center center;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.global--loading[aria-busy=true] 
{
  width: 100%;
  height: 100vh;
  z-index: 20000;
}
.global--loading[aria-busy=false] 
{
  visibility: hidden;
  z-index: -2;
}
 
.global--loading--content
{
  display: flex;
  font-size: clamp(var(--loading-size, 2.2222222222rem), 7vw, 75px);
  color: var(--whiteLabel-primart-color, #4338fc);
  flex-direction: column;
  align-items: center;
}
 
.global--loading--animation
{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  animation: global__animation-loader 1s linear infinite;
}
 
@keyframes global__animation-loader {
  0% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  25% {
    box-shadow: 14px 0 0 2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
  50% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 2px, -38px 0 0 -2px;
  }
  75% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 2px;
  }
  100% {
    box-shadow: 14px 0 0 -2px, 38px 0 0 -2px, -14px 0 0 -2px, -38px 0 0 -2px;
  }
}

.global--loading--text
{
  max-width: 400px;
  font-size: 0.34em;
  color:  #020338;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.2;
  margin-top: 19px;
}

@keyframes myrize
{ 
  0%   {opacity: 0;}
  10%  {opacity: 1;}
  100% {opacity: 1;} 
}


#canNotSign
{
    font-size: 0 ;
}

#agentSignature:after
{
    content: 'חתימת נציג/ת המכירות';
}

#secondaryTitle > span { font-family: 'Regular'; font-weight: normal ;}

.tokef { font-family: Bold ;}

@keyframes blink
{
    from { opacity: 1 }
    to {  opacity: 0.3 ; }
}
@-webkit-keyframes blink
{
    from { opacity: 1}
    to {  opacity: 0.3 ;}
}

#hatzharNnehene ~ #sign_mainSignature, #sign_mainSignature + p { display: none ;}
#hatzharNnehene.valid ~ #sign_mainSignature { display: block ;}

#sign_mainSignature.hasSignature + p 
{
    display: block ;
    background-color: #F6F6F6 ;
    padding: 1rem;
    background-image: url(images/isracard/exclamation.svg);
    background-repeat: no-repeat ;
    background-position: right 0.5rem top 1rem;
    box-sizing: border-box ;
    padding-right: 2.5rem ;
}

#sign_mainSignature.hasSignature ~ #textAbouveButton { display: none ; }


div#hatzharNneheneButton[formStep]
{
    margin-bottom: 1.4rem;
}

#H7 { display: block ;}

.smallText { font-size: 0.7rem; font-family: Regular; }

.rightTable table, .leftTable table {
    width: 100%;
    border-collapse: collapse;
}


.Hufek { vertical-align: top ;}
.Hufek td { padding: 0 ; font-size: 0.95rem; }
.Hufek td::nth-of-type(2) { padding-right: 1rem; }




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

label:not([for])
{
    display: block;
    position: relative ;
    width: 500px;
    line-height: 3.3rem;
    height: 3.5rem ;
    font-size: 1rem ;
    transition:  line-height 0.5s ;
    vertical-align: top ;
}

label.auto:not([for])
{
    line-height: 1rem;
}

label.auto:not([for]) > span
{
    display: block ;
    position: absolute ;
    bottom: 1.3rem ;
    /*width: 600px;*/
    transition:  bottom 0.5s ;
    max-width: 340px;
}


label.textarea:not([for]) > span
{
    transition: top 0.5s ;
    top: 0 ;
    bottom: auto;
}


label.required:not([for]) > span
{
    right: 0rem ;
}


label.up:not([for]) > span
{
    bottom: 2.3rem ;
}

label.textarea.up:not([for]) > span
{
    transition: top 0.5s ;
    bottom: auto ;
    top: -1rem ;
}

label.up
{
    line-height: 1rem;
}

label > input[type=text], label > select
{
    display: block;
    position: absolute;
    width: 100% ;
    border: none ;
    border-bottom: 1px solid black;
    top: 1rem;
    background-color: transparent;
    font-size: 1rem;
}


label > input::placeholder
{
    color: transparent;
}

label > input:focus
{
    outline: none ;
}
label.radio>.eror{
    top: 1.2rem;
}

label > .error
{
    color: red;
    display: block;
    position: absolute;
    font-size: 0.7rem; 
    top: 2.7rem ;
    line-height: 0.7rem;
}

p > .error
{
    color: red;
}

.spinner 
{
    position: fixed ;
    top : 40% ;
    left: 50% ;
    width: 360px ;
    height: 180px ;
    margin-left: -180px ;
    margin-top: -100px ;
    background-color: white ;
    z-index: 2000 ;
    text-align: center ;
    border: 2px solid gray ;
    border-radius: 4px ;
    box-shadow: 4px #888888 ;
    font-size: 20px ;
    padding-top: 20px ;
}

.spinner img
{
    display: block ;
    width: 50px ;
    margin: 30px auto ;
    -webkit-animation: rotateit 1.3s linear infinite;
    -moz-animation: rotateit 1.3s linear infinite;
    animation: rotateit 1.3s linear infinite;
}

@-webkit-keyframes rotateit { from {-webkit-transform: rotate(360deg);} to {-webkit-transform: rotate(0deg);}}
@-moz-keyframes rotateit { from {-moz-transform: rotate(360deg);}  to {-moz-transform: rotate(0deg);}}
@keyframes rotateit { from {transform: rotate(360deg);} to {transform: rotate(0deg);}}

#wrapper{
	width: 100%;
    background-color: transparent;	
}
#mainDiv
{
    width: 70%;
    display: block;
    /*border-top: 4px solid #2020ba;*/
    margin: auto;
    background-color: white;
    padding-bottom: 15px;
}

#sendButton
{
	margin-top: 2rem;
	background-color: black;
}

#colapsFileUpload img{
  color: red;  
}

.title18px{
    font-family: Bold;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: right;
    color: #2020ba;
    margin-top: 25px;
}
.file_format{
    font-family: Bold;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: right;
    color: #9b9b9b;
    padding-bottom: 20px;
}

.divClass{
   position: relative;
   margin: 40px 0 40px 0;
}
.inputTitle{
    display: block;
    position: absolute;
    pointer-events: none;
    transition: all 0.4s;
    font-size: 16px;
}
.inputTitle_up{
   margin-top: -25px; 
}


input[type=radio], input[type=checkbox]
{
    vertical-align: middle;
   margin: 0 0.2rem;
} 



label.radio:not(.required)::before
{
    content: ' ' ;
    display: inline-block;
    line-height: 1rem;
    padding: 0.25rem 0 0 0.1rem;
    max-height: 1rem;
    box-sizing: border-box;

}

input[required] + label::before,
.required > span:first-of-type::before
{
    content: '*';
    color: red;
    vertical-align: text-bottom;
    display: inline-block;
    line-height: 1rem;
    padding: 0.25rem 0 0 0.1rem;
    max-height: 1rem;
    box-sizing: border-box;
    /*margin-top: 1.3rem;*/
    height: 100% ;
}

.up > span::before
{
    margin-top: 0.15rem;
    transition: margin-top 0.5s;
}

label.radio
{
    display: inline-block;
    position: relative;
    width: auto;
    line-height: 1rem;
    height: 1rem;
    font-size: 1rem;
    vertical-align: middle;
}

label.radio > input
{
    position: initial ;
    width: auto ;
    vertical-align: middle;
    display: inline;
    margin: 0 ;
}



label.radio > .error { top: 1.2rem ; white-space: nowrap;}

label.checked { color: green ;}

.center { text-align: center;}


#rechapta-placeholder
{
    width: 304px ;
    margin-right: 20%;  
}

#captchaError { color: red ; text-align: center;}

fieldset
{
    border: none ;
    padding: 0 ;
    display: block;
    margin: 25px 0 0 0;
}

legend 
{
    display: inline-block;
}

fieldset > label:not([for]) 
{
    display: inline-block ;
    position: initial;
    width: auto ;
    line-height: auto ;
    height: auto ;
    font-size: 1rem;
    transition: none ;
    vertical-align: top;
}

fieldset > label > input
{
    display: inline ;
    width: auto ;
    height: auto ;
}

.pdfOnly, label:not([for]).pdfOnly { display: none ;}

/* Autofill select */

select+input       
         {             
             display: block ;
             width: 100% ;
             border: 1px solid #808080 !important;
             box-sizing: border-box !important;
             opacity: 1;
         }

         label > select+input, label > select+input:focus,
         label > select+span+input, label > select+span+input:focus
         {
             -webkit-appearance: none ;
             border-radius: 0 !important ;
             /*border-width: 1px !important ;*/
             height: 2rem;
             outline: none !important;
             border: none !important ;
             z-index: 3;
             position: absolute ;
             top: 2.5rem ;
             background: #f0f0f0;
             right: 0;
             opacity: 1;
         }


        select+input+div, select+span+input+div
        {
            top: 4.5rem ;
            direction: rtl ;            
            background: white ;
            border: 1px solid #808080 ;
            height: 20rem ;
            overflow-y: auto ;
            overflow-x: hidden; 
            cursor: default ;
            position: absolute;
            z-index: 3 ;   
            width: 100% ;
           /* box-sizing: border-box;         */
        }
        
            label > select + input, label > select + input + div,
            label > select + span + input, label > select +span + input + div
            {
                box-sizing: border-box ; 
                display: none ;
                font-size: 1.2rem; 
                z-index: 2;
            }

        select ~ div option, select ~ input+div p
        {
            display: block ;
            text-align: right ;
            direction: rtl ;
            font-size: 1.2rem ;
            line-height:1.2rem;
            height: auto ;
            margin: 0 ;
            padding: 2px ;
            border-bottom:1px solid #f0f0ff;
        }

        select ~ input+div option[selected], select ~ input+div p[selected]
        {
            background-color: gray ;
        }

        select ~ input+div option:hover, select ~ input+div option[selected]:hover,
        select ~ input+div p:hover, select ~ input+div p[selected]:hover
        {
            background-color: #3b9dff;
            color: white;
        }
/* End of Autofill select */

textarea
{
    border: none ;
    border-bottom: 1px solid black ;
    width: 400px ;
    height: 1rem ;
    font-family: 'Regular';
    outline: none;
    resize: none;    
}

textarea::-webkit-scrollbar
{
    display: none ;
}

fieldset > label.auto:not([for])
{
    position: relative;
    height: 3.5rem;
    display: block;  
    width: 500px ;  
}

fieldset > label:not([for]):not(.auto)
{
    display: block;
    line-height: 1.2rem;
    position: relative;
}

fieldset > label > input[type='radio'], fieldset > label > input[type='checkbox']
{
    position: static;
    display: inline-block;
}
label.textarea:not([for]) > span.error
{
    top: 1.5rem ;
}

label.textarea.required:not([for]) > span
{
    right: 0 ;
}

.stepHtml { min-height: 500px ;}

label.checkbox, input[type=checkbox] + label, label.checkbox:not([for]) 
{
    width: 500px ;
    max-width: 600px;
    height: 1.2rem;
    line-height: 1.2rem;
}

label.checkbox > span:first-of-type
{
    right: 1.4rem ;
    top: 1px ;
    height: 1rem;
}

.phonePrefix_phoneNumber label:first-of-type{
display: inline-block;
width: 310px;
}
.phonePrefix_phoneNumber label:nth-of-type(2){
display: inline-block;
width: 190px;
}
.phonePrefix_phoneNumber label:first-of-type input{
display: inline-block;
width:95%;
}
.phonePrefix_phoneNumber label:nth-of-type(2) select{
display: inline-block;
width: 100%;
padding-bottom: 0.1rem;
padding-top: 0.1rem;
}

/* eof */