.topHeaderPhoneNumber {
    
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    
    & button.bttnPhoneChangePopup {
      
      min-width: auto;
      padding: 0;
      aspect-ratio: 1;
      
      & span {
        
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
      }
    }
  }


  .lblContainer.lblContainerNew{
    
   width: 75%;
   border-radius: 10px;
   margin: 5px 0;
   transition: 0.3s;
  }
  
  .lblContainerFlex {
    
    display: flex;
    width: 100%;
    gap: 10px;
  }
  
  [dir="rtl"] .phonelblContainerFlex {
    
    flex-flow: row-reverse;
  }
  
  .lblContainerFlex .lblContainer.lblContainerSmallBox{
    
    width: 80px;
    direction: revert;
    background: var(--colorWhite);
    appearance: none;
    border: 1px solid var(--colorInputBorder);
    border-bottom-width: 2px;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px;
    height: 45px;
    align-items: center;
  }
  
  .lblContainerNew label span {
    
    top: 6px;
    right: 4px;
  }
  
  .forgotPassLinkNew{
    color: #707070;
    text-decoration: none;
    font-size: 14px;
    
  }
  .frmContainer--helperText.helperTextPhone{
    color: red;
    display: none;
  }
  .aTagNewBlue{
    text-decoration: none;
  }
  .aTagNewBlue:hover{
    color: #0000CC;
    text-decoration: none;
  }
  .forgotPassLinkNew:hover{
    color: #7A7A7A;
    text-decoration: none;
  }
  .cancleH1{
    margin: unset;
      font-weight: 500;
  }
  .ForgotPass.ForgotPassNew{
    
    margin-top: 0;
    text-align: end;
    padding: 0;
  }
  #submitBtn.blue.blueNew {
      width: 71%;
      border-radius: 15px;
      background-color: #2196F3;
      background-image: none;
      letter-spacing: 1px;
    
  }
  .blue.blueNew {
      width: 71%;
      border-radius: 15px;
      background-color: #2196F3;
      background-image: none;
      letter-spacing: 1px;
    
  }
  .showPicImage{
    width: 25px;
    height: 25px;
    position: absolute;
    left: 5px;
    top: 18px;
  }
  .frmContainer label.passwordField:before{
    content: '';
    background: url(/National_Library/oe_/https://account.komo.co.il/code/images/showPic.png);
    width: 25px;
    height: 25px;
    position: absolute;
  }
  
  .bttnBig{
    width: 150px;
    height: 35px;
    border-radius: 30px;
    margin-inline-end: 0;
    font-size: 14px;
  }
  .createAccountLinkNew {
      color: #0638CB;
      text-decoration: none;
      font-size: 15px;
      letter-spacing: 1px;
  }
  .createAccountLinkNew:hover{
    color: #0638CB;
    text-decoration: none;
  }
  .buttons.margintop0{
    margin-top:0 ;
  }
  #password::-webkit-input-placeholder {
      font-size: 10px;
  }
  
  .twoPannelsContainer {
    
    display: flex;
    flex-direction: row-reverse;
    background: white;
    border-radius: 0px;
  }
  
  .frmContainer .lblContainerNew label span:after{
    display: none;
  }
  
  .lblUpperContainer{
    
    display: flex;
    flex-wrap: wrap;
    text-align: start;
  }
  
  .lblUpperContainer .lblContainer{
    width: 75%;
  }
  
  .frmContainer .lblUpperContainer .lblContainer {
      margin-bottom: 15px;
  }
  
  .valignMiddle {
    
    padding: 10px;
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }
  
  .valignMiddle::before,.valignMiddle::after{
    /*content:"";*/
    flex-grow: 1;
    min-height: 30px;
  }
  
  .smallKoteret{
        padding: 10px;
      font-size: 15px;
  }
  .innerContainer.frmContainerLogIn.formContainerNew,
  .innerContainer.formContainerNew{
    
    background-color: #fff;
    border-radius: 0px;
    padding: 40px 30px;
    margin-top: 0;
    box-shadow: none;
    min-width: 360px;
    max-width: 360px;
    min-height: 550px;
    display: flex;
    flex-direction: column;
    place-content: center;
    position: relative;
    font-size: 13px;
  }
  
  .retBtnNew {
    
    position: absolute;
    bottom: 10px;
    inset-inline-end: 10px;
  }
  
  .paddingTopBottom{
    padding: 15px 0;
  }
  
  .otherBtn.otherBtnNew{

    margin: 5px auto;
  }
  
  .bttnContainer{
    
    display:flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    padding: 20px;
    
  }
  
  .orConnect{
    padding-bottom: 14px;
    padding-top: 25px;
  }
  
  .ForgotPass.ForgotPassNew.paddingTop5{
    padding-top: 5px;
  }
  
  .footerLogIn-selectLang{
    position: absolute;
    bottom: -30px;
    margin-inline-start: -30px;
  }
  .footerLogIn-selectLang select {
          border: 1px solid;
      background-color: white;
  }
  .socialBtnLoginNew.facebookNew .fa-facebook-f {
    color: white;
    font-size: 24px;
  }
  .socialBtnLoginNew.appleNew .fa-apple{
    color: white;
    font-size: 27px;
  }
  .socialBtnLoginNew.googleNew .fa-google {
      font-size: 23px;
  }
  .socialBtnLoginNew.appleNew {
      background: #555555;
      display: flex;
      place-items: center;
      place-content: center;
  }
  .socialBtnLoginNew.facebookNew {
    background: #3B5998;
    display: flex;
    place-items: center;
    place-content: center;
  }
  
  #submitBox a.notEmpty{
    
    padding: 10px 20px;
  }
  
  @media only screen and (max-width:768px){
    .innerContainer.frmContainerLogIn.formContainerNew,
    .innerContainer.formContainerNew{
      padding-left: 0;
      padding-right: 0;
      background-color: transparent;
      min-width: 95%;
      min-height: fit-content;
      position: unset;
    }
    .twoPannelsContainer {
       padding-right: 0px;
      place-content: center;
          background: transparent;
    }
   
    .socialBtnNew {
      padding: 10px 60px;
      padding-bottom: 8px;
      padding-top: 12px;
    }
    .minWidth100{
      min-width: 100%;
    }
    
    .LoginPlaceHolderContainers {
      justify-content: space-evenly;
    }
    .middleBorder {
      padding-top: 10px;
      padding-bottom: 0;
    }
    
    .mainLoginContainer {
       padding-top: 0px; 
    }
    
    .valignMiddle form {
      width: 100%;
    }
    .fb_reset{
      display: none;
    }
  }
  
  #modal_shadow.closeAccountInProcess {
      background: #ccc;
      opacity: 1;
  }
  @media only screen and (max-width: 699px) {
    body.dirLTR, #modal_title, body.dirRTL #modal_title {
      font-weight: bold;
    }
  }
  .imgLogoClosingAccount {
    width:150px;
    margin-top:20px;
  }
  .closeAccountInProcessWrapper .closeAccountMessage {
    padding: 0 35px;
  }
  .closeAccountConfirmationWrapper .messageTitle, .closeAccountWrapper .messageTitle, .closeAccountInProcessWrapper .messageTitle {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
  }
  .closeAccountConfirmationWrapper .closeAccountMessage {
    text-align: right;
    padding: 10px 20px 0 20px;
    font-size: 14px;
    line-height: 19px;
    direction: rtl;
  }
  .closeAccountConfirmationWrapper .restoreAccountMessage {
    text-align: right;
    padding: 10px 20px 0 20px;
    font-size: 14px;
    line-height: 19px;
  }
  .closeAccountConfirmationWrapper .closeAccountInfo {
    text-align: right;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 19px;
    color: #ed1f25;
    font-weight: bold;
  }
  .closeAccountConfirmationWrapper #closeAccountConfirm {
    text-align: right;
    padding: 0 20px;
    font-size: 14px;
    line-height: 19px;
    min-height: 19px;
    display: flow-root;
  }
  .closeAccountConfirmationWrapper #closeAccountConfirm input {
    float: right;
    margin: 3px 0px 3px 5px;
  }
  .closeAccountConfirmationWrapper #closeAccountConfirm label {
    float: right;
    margin-right: 5px;
    text-align: right;
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
    margin-right: 0px;
    max-width: 290px;
    font-weight: normal;
  }
  .closeAccountConfirmationWrapper #closeAccountConfirm label.closeAccountConfirmError {
    animation: blinkingBackground 0.5s cubic-bezier(.5, 0, 1, 1) 2 forwards;
  }
  .closeAccountConfirmationWrapper .spanErrEmail {
    color: red;
    display: block;
    font-size: 12px;
    text-align: left;
    padding-bottom: 10px;
  }
  #closeAccountRequest #buttons {
    text-align: right;
    margin: 30px 20px 0 20px;
    clear: both;
  }
  #closeAccountRequest #buttons input[type=submit].bttn {
    margin-right:5px;
    color: #fff;
    background-color: #cdcdcd;
    border: 1px solid transparent;
    background-image: -webkit-linear-gradient(top,#cdcdcd,#cdcdcd);
  }
  #closeAccountRequest #buttons input[type=submit].red {
    color: #fff;
    background-color: #ed1f25;
    border: 1px solid transparent;
    background-image: -webkit-linear-gradient(top,#ed1f25,#ed1f25);
  }
  #accountProfile .closeAccountCardTitle {
    font-size: 17px;
  }
  #accountProfile .closeAccountCardButton .bttn.red {
    color: #fff;
    background-color: #ed1f25;
    border: 1px solid transparent;
    background-image: -webkit-linear-gradient(top,#ed1f25,#ed1f25);
  }
  body.dirLTR .closeAccountInfo, body.dirLTR #closeAccountConfirm, body.dirLTR #closeAccountConfirm label {
     text-align: left;
  }
  body.dirLTR .closeAccountMessage {
    text-align: center;
    font-weight: normal;
  }
  .restoreAccountMessage {
    margin-top:15px;
  }
  body.dirLTR #closeAccountRequest #buttons, body.dirLTR .closeAccountConfirmationWrapper #buttons, body.dirLTR .closeAccountConfirmationWrapper #buttons, body.dirLTR .closeAccountConfirmationWrapper .closeAccountMessage {
    text-align: left;
  }
  body.dirLTR .closeAccountConfirmationWrapper .messageTitle, body.dirLTR .closeAccountConfirmationWrapper .closeAccountMessage {
    direction: ltr;
  }
  body.dirLTR .closeAccountConfirmationWrapper #closeAccountConfirm input {
    float: left;
    margin: 3px 5px 3px 0px;
    direction: ltr;
  }
  body.dirLTR .closeAccountConfirmationWrapper #closeAccountConfirm label {
    float: left;
    margin-left: 0;
    margin-right: 5px;
  }
  @keyframes blinkingBackground {
    0%		{ background-color: #eeeeee;}
  	50%		{ background-color: #fbfa70;}
  	100%	{ background-color: #eeeeee;}
  }