.help_container{max-width: 680px; padding: 10px}
.help_container h2{background-color: #f1feec; padding: 5px 0}
.help_container h1{ color: var(--secondary-color); position: relative; }
.help_container h3{text-align: right; font-size: 23px; color: var(--main-color); margin: 25px 0 5px}
.help_container h3:hover{color: var(--secondary-color);}

.help_container h4{text-align: right; margin: 20px 0px 5px}

/*help home*/
   .help_main{display: flex;  flex-wrap: wrap; justify-content: space-evenly; max-width: 550px; margin: auto}
    .help_subj{border: 1px solid var(--light-color); border-radius: 5px; width: 220px; padding: 10px; margin:10px; text-align: center; min-height: 182px;}
    .help_subj:hover{background-color:#eaeeff; border-color: var(--main-color); }
    .help_subj i {font-size: 48px; color: var(--main-color)}
    .help_subj h3 {color: var(--main-color); font-size: 22px; margin-bottom: 15px; line-height: 1;}
    .help_subj .mishne {line-height: 16px; font-size: 15px}
    .help_subj .mishne span {display: block}
    .help_subj .mishne span:before {content: "• ";color: var(--secondary-color)}
    .help_subj .mishne span:after {content: " •";color: var(--secondary-color)}
    .byline {line-height: 15px; width: 86%; height: 45px; margin: auto}
/*end help home*/

h3 .toggler {margin-right:7px}
h3 i {margin-right:10px}

.flex_wrapper{display: flex;  flex-wrap: wrap; justify-content: space-evenly; margin: auto; align-items: center}

.emph{margin-top:10px; display: block; font-weight: bold; font-size: 18px; color: var(--main-color);}
.help_link{font-weight: bold;color: var(--main-color);text-decoration: underline !important;}
.help_link:hover{text-decoration: underline; color: var(--light-color);}

.msg_box{background-color: #f1feec; border: 1px dotted var(--main-color); padding: 12px; margin: 10px auto; font: 17px/20px 'Alef Hebrew'}

.aspect_wrapper{ padding:0; margin-top:10px; border: 20px solid #dddddd;}
.aspect_padder{height: 0;
  /* last padding dimension is (100 * height / width) of item to be scaled */
  padding: 0 0 56.25%;
  position: relative;
  }
.aspect_wrapper iframe {border: 20px solid #dddddd;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* for demo */
  border: 0;
  background: white;
}

.steps { max-width: 800px; margin: auto 10px;}

.step {
  border-top: 2px dashed;
  border-color: var(--light-color) !important;
  margin:0; padding: 30px;
  counter-increment: section;
  position: relative;
}


.step:nth-child(even):before {
  content: counter(section);
  right: 100%;
  margin-right: -20px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 20px;
  width: 20px;
  background-color: var(--main-color);
  text-align:center;
  color: white;
  font-size: 110%;
  font-weight: bold;
}

.step:nth-child(odd):before {
  content: counter(section);
  left: 100%;
  margin-left: -20px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 20px;
  width: 20px;
  background-color: var(--main-color);
  text-align:center;
  color: white;
  font-size: 110%;
  font-weight: bold;
}

.step:nth-child(even) {  border-left: 2px dashed;  border-top-left-radius: 30px;  border-bottom-left-radius: 30px;  margin-right: 30px;  padding-right: 0;}
.step:nth-child(odd) { border-right: 2px dashed; border-top-right-radius: 30px; border-bottom-right-radius: 30px; margin-left: 30px; padding-left: 0;}
.step:first-child {  border-top: 0;  border-top-right-radius:0;  border-top-left-radius:0;}
.step:last-child {  border-bottom-right-radius:0;  border-bottom-left-radius:0;}

.completed.step { border-color:  #80b546 !important;}
.completed.step:before {background-color: #80b546;}

.to-do.step { border-color:  #adb5bd !important;}
.to-do.step:before {background-color: #adb5bd; color: #565656;} /*#adb5bd*/

.step_badge{position: absolute; top:26px; font-size:22px}
.step:nth-child(even)  .step_badge{left:7px;}
.step:nth-child(odd)  .step_badge{right:-28px;}

.step_name{margin-top: 10px;display: block;font-weight: bold;font-size: 18px;color: var(--main-color);}
.completed.step .step_name{color: #80b546;}

.contact_us_welcome{display: flex; justify-content: space-between; margin: 10px; max-width:300px}
.contact_us_welcome a {min-width:110px}

/*table*/
ul.txtTable{display: table; table-layout: fixed; width: 100%; margin-top: 10px;}
    ul.txtTable > li{display: flex; border-bottom: 1px solid var(--light-color); border-right: 1px solid #dadada;}
    ul.txtTable > li > div{width: 22%; word-wrap: break-word; border-left: 1px solid #dadada; padding: 3px 5px 5px;}
    ul.txtTable.cols4 > li > div{width: 37%;}

    ul.txtTable > li > div:nth-child(1){width: 12%;}
     ul.txtTable.cols4 > li > div:nth-child(1){width: 10%;}
     ul.txtTable.cols4 > li > div:nth-child(2){width: 16%;}

    ul.txtTable > li > div.txtTable_row:nth-child(1){font-weight: bold; color: var(--main-color);}
    ul.txtTable > li > div label{display: none;}
    ul.txtTable > li > div P{padding: 0px 0px 3px; margin: 0px;}
    ul.txtTable > li > div B{display: block;}
    ul.txtTable > li.txtTable_th{background-color: var(--light-color); color: #ffffff; font-size: 14px; font-weight: bold; line-height: 24px;}
    ul.txtTable > li.txtTable_th > div{padding: 0px 5px 3px 0px;}

    @media screen and (max-width: 880px) {
        ul.txtTable > li{flex-direction: column; padding: 0px; border-left: 1px solid #dadada;}
        ul.txtTable > li.txtTable_th{display: none;}
        ul.txtTable > li > div{width: auto !important; display: flex; border-left: 0; border-bottom: 1px solid #dadada; padding: 3px 0px 5px;}
        ul.txtTable > li > div label{display: block; width: 35%; font-weight: bold; color: var(--main-color); padding-right: 8px;}
        ul.txtTable > li > div div{width: 65%; padding-left: 8px;}
        ul.txtTable > li > div:nth-child(1){font-weight: bold; border-bottom: 1px dashed #9f9f9f; background-color: var(--light-color); color: white;}
        ul.txtTable > li > div:nth-child(1) label{color: white;}
    }
    @media screen and (max-width: 600px) {
        ul.txtTable > li > div{flex-direction: column;}
        ul.txtTable > li > div label{width: 100%; padding-right: 8px; padding-left: 8px;}
        ul.txtTable > li > div div{width: 100%; padding-right: 8px; padding-left: 8px;}

        ul.txtTable > li > div:nth-child(1){flex-direction: row;}
        ul.txtTable > li > div:nth-child(1) label{width: 80px;}
        ul.txtTable > li > div:nth-child(1) div{width: auto;}
    }

/*table end*/

/*helpful*/

.hide{display:none;}

/*printer*/

.printer{position:absolute; left:2%; font-size: 43%; color:#fff; background-color: var(--main-color); cursor: pointer; border-radius: 5px; padding: 0 8px; }
.printer i{margin-left: 5px;}
.printer:hover{background-color: var(--light-color);}

@page{
  size: A4;
  margin: 0;
}
 @media print {
	.steps{display:block;}
  #header, #footer,h2, .printer, .aspect_padder{display:none;}
  .aspect_wrapper{border:none}
  .aspect_wrapper::after{content:"כאן ניתן לראות סרטון וידאו באתר"; font-size: 15px; font-weight: 700;}
}

/*help_start*/
.inline-image{height: 2em; vertical-align: top; margin-top:25px;}

/*end help_start*/