body{
  background-color: #fff;
  background-image: none;
}
#PlanOptions {
  left: 0;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: #eee;
  border-right: 1px solid #1f6927;
}



  #PlanOptions.affix-top {
    position: absolute;
    top: 282px;
  }

  #PlanOptions.affix {
    height: 500px;
    top: 25px;
  }

  .pointer{
    cursor: pointer;
  }

.move {
  cursor: move;
}
.zoom-controls .btn {
  font-size: 12px;
  background-color: #fff;
  color: #3b3c41;
  padding: 5px 10px;
}

.grecaptcha-badge{
  display: none;
}

.scroll {
  direction: rtl;
  overflow: auto;
}


@media (min-width: 1258px) {
  #PlanOptions {
    position: fixed;
    width: 250px;
  }
}

@media (min-width: 1700px) {
  /* #PlanOptions {
    position: absolute;
    left: 25px;
    width: 250px;
    margin-top: 100px;
}*/
  #PlanOptions {
    width: 250px;
    right: 25px;
  }
}




  img.option {
    position: absolute;
  }

  /*@media print {
    img.option {
      position: static;
    }
  }*/

#PlanOptions h3 {
  color: white;
  background-color: #18381b;
  padding: 10px;
  margin-bottom: 0;
  font-size: 20px;
}

li.category {
  color: #222;
  background-color: #ffffff;
  padding: 10px 15px;
  border: 1px solid #333;
  border-top: none;
  border-right: none;
}

  ul.category-inner {
    background-color: white;
    color: black;
  }

    ul.category-inner li {
      padding: 3px;
    }

    ul.category-inner input[type="checkbox"] {
      margin-right: 10px;
    }

  label[disabled] {
    font-weight: normal;
    color: #999;
  }



#PlanContainer {
  height: 806px;
  width: 1140px;
  overflow: auto;
  border: 1px solid #aaa;
  position: relative;
  background-color: white;
  padding: 10px;
}
#PlanHolder {
  /*width: 1140px;*/
  zoom: 0.8;
}



@media print {
  @page {
/*    size: landscape*/
  }

  #PlanContainer {
    overflow: visible;
    border: none;
    padding: 0;
    margin: 0;
  }
  #PlanHolder {
    zoom: 0.8 !important;
    padding: 0;
    margin: 0;
   /* position: absolute !important;
    top: 0;
    left: -20vw;
    z-index: 22;
    height: 100%;
    width: 100vw;
    width: 90%;*/
  }


  .mod-100 #PlanHolder {
    zoom: 0.85 !important;
    left: -75px;
  }

  .mod-200 #PlanHolder {
    zoom: 0.9 !important;
    left: -160px;
  }

  .mod-300 #PlanHolder {
    zoom: 0.95 !important;
    left: -220px;
  }

  .mod-400 #PlanHolder {
    zoom: 1 !important;
    left: -275px;
  }


  h1#PlanName {
    font-size: 24px;
  }
  h1#PlanName img{
    height: 35px;
  }
}