:root {
    --MAXWIDTH: 960px;
}



.step-b .main .day, .step-btns {
    cursor: pointer
}

.unsupported-browser {
    display: none
}

[ng-cloak] {
    display: none !important
}

#addthis_hide, #navbar span[ng-show=authenticated] li.disabled ul.dropdown-menu, .step-e .main table td input[type=radio][value=""], .step-e [id*="-e"], .ui-datepicker-next, .ui-datepicker-prev, div.row[class*=step-] {
    display: none
}

body {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    background-color: #f7f7f7 !important
}

#navbar .nav-left {
    float: left;
    margin: 0 10px 0 0
}

.step-c .main table, .step-d .main table {
    margin-top: 4px
}

.header {
    background-image: url(/img/background.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

.step-title {
    float: right
}

.step-btns {
    float: left;
    border-radius: 4px;
}
@media screen and (min-width: 768px) {
    .step-btns {
        position: relative;
        top: -80px; /* מעלה את הכפתורים ב־100 פיקסלים */
    }
    .step-d .step-btns {
        top:-40px;
    }
}
.step-btns:hover {
    opacity: .8
}

.step-btns:active {
    opacity: .9
}

.main, .step-title {
    padding-right: 20px
}

.main .span12 {
    width: 100%
}

.main .span6 {
    /* width: 450px */
    width: calc(var(--MAXWIDTH) / 450)%;
}

.step-a .main .date-input {
    background-color: #fff;
    cursor: pointer;
    width: auto;
    max-width: 110px;
}

.step-b .main .ranged {
    background: #cfe3b0 !important
}

.step-b .main .extra {
    color: red !important
}

.step-b .ui-datepicker {
    width: 350px
}

.step-c .main td {
    width: 50%
}

.step-c .main td input {
    margin-bottom: 0;
    width: 100%
}

.step-c .main td input.valid-false {
    background-color: #e3dcb0
}

.step-c .main td:last-of-type {
    width: 37px
}

.step-c .ui-datepicker {
    width: 350px
}
.step-c input.input-block-level {font-weight: 900;}
@media screen and (max-width: 1024px) { 
.step-c input.input-block-level {background-color:white; font-size: smaller;}
}

.step-d .main td {
    width: 50%
}

.step-d .main td input {
    margin-bottom: 0
}

.step-e .main hr {
    border-color: #000
}

.step-e .main form label {
    font-size: 18px
}

.step-e .main table {
    width: 100%
}

.step-e .main table td {
    font-size: 18px;
    padding: 2px 0
}

.step-e .main table td:first-of-type {
    width: 70%
}

.step-e .main table td:last-of-type {
    text-align: left;
    width: 30%
}

/*.step-e input[type="text"] {
    width: 300px;
}*/
.unaddthis.span12 {
    width: 100%;
    padding-right: 20px
}

.ui-datepicker-title {
    margin: 0 !important
}

.lightbox-close {
    float: left;
    background-color: #daa520;
    zoom: 1.5;
    color: #000
}

.page-help, .page-number, .page-title {
    float: right;
    padding-right: 20px
}

.lightbox-close:hover {
    background-color: gold
}

.lightbox-close .icon-remove {
    vertical-align: middle
}

hr {
    margin: 5px
}

.page-number {
    color: #abb090
}

.page-title {
    line-height: 40px
}

.btn-danger-x, .btn-danger-x:hover {
    background-color: #dfb34a !important;
    background-image: linear-gradient(to bottom, #dfb34a, #dfb34a) !important
}

.btn-danger-x:hover, .btn-primary-x:hover {
    opacity: .8
}

.btn-primary-x, .btn-primary-x:hover {
    background-color: #868d4a !important;
    background-image: linear-gradient(to bottom, #868d4a, #868d4a) !important
}

#navbar span[ng-show=authenticated] li.dropdown-rootmenu {
    position: relative
}

#navbar span[ng-show=authenticated] li.dropdown-rootmenu>ul.dropdown-menu {
    margin: 0
}

#navbar span[ng-show=authenticated] li.disabled.dropdown-submenu:hover>a:after {
    border-right-color: #ccc
}
#contact-and-call-whatsapp{display: none;}

.topnav {
    overflow: hidden;
    background-color:black;
  }
  
  .topnav a {
    float: right; /* left */
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .topnav a:hover {
    background-color: #5f6d0b; /*#ddd;*/
    color: black;
  }
  .image-link {
    display: inline-block;
   
    background-image: url('images/SupportUsGrey.png');
    background-size: cover;
    background-size: 100px 30px;
    background-repeat: no-repeat;
    background-position: 10px;
  }
  

  .active {
    background-color: #a8bd1a; /*#4CAF50;*/
    color: white;
  }
  
  .topnav .icon {
    display: none;
  }
  
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: center;
    }
  }
  
      @media screen and (max-width: 768px) { #logo {display: none;} }
      .myButton {
      -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
      -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
      box-shadow:inset 0px 1px 0px 0px #fff6af;
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
      background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
      background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
      background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
      background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
      background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
      background-color:#ffec64;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      border-radius:6px;
      border:1px solid #ffaa22;
      display:inline-block;
      cursor:pointer;
      color:#333333;
      font-family:Arial;
      font-size:15px;
      font-weight:bold;
      padding:6px 24px;
      text-decoration:none;
      text-shadow:0px 1px 0px #ffee66;
      margin-left: 15px;
      margin-right: 15px;
  }
  .myButton:hover {
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
      background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
      background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
      background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
      background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
      background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
      background-color:#ffab23;
  }
  .myButton:active {
      position:relative;
      top:1px;
  }
  #header {
    background: url(/head-img.jpg) center center;
    height: 263px;
  }
.span12 a[data-toggle=lightbox] {text-decoration: underline; color:yellow;}
.span12 a[data-toggle=lightbox2] {text-decoration: underline;}


  /*
.topnav a:last-child {
   
  }*/