.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 10px;

    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #8AA8BD;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
    /* Size & position */
      position: absolute;
      top: 140%;
      left: 0;
      right: 0;
  
      /* Styles */
      background: white;
      border-radius: inherit;
      border: 1px solid rgba(0,0,0,0.17);
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
      font-weight: normal;
      transition: all 0.5s ease-in;
      list-style: none;
   
      /* Hiding */
      opacity: 0;
      pointer-events: none;
      padding-left: 5px;

      /* zindex */
      z-index: 9999;
  }
  
  .wrapper-dropdown-3 .dropdown li a {
      display: block;
      padding: 10px;
      text-decoration: none;
      color: #8aa8bd;
      border-bottom: 1px solid #e6e8ea;
      box-shadow: inset 0 1px 0 rgba(255,255,255,1);
      transition: all 0.3s ease-out;
  }
  
  .wrapper-dropdown-3 .dropdown li i {
      float: right;
      color: inherit;
  }
  
  .wrapper-dropdown-3 .dropdown li:first-of-type a {
      border-radius: 7px 7px 0 0;
  }
  
  .wrapper-dropdown-3 .dropdown li:last-of-type a {
      border-radius: 0 0 7px 7px;
      border: none;
  }
  
  /* Hover state */
  
  .wrapper-dropdown-3 .dropdown li:hover a {
      background: #f3f8f8;
  }

  .wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.header{
    font-weight: bold;
    color: #8AA8BD;
}

.label{
    /* Size and position */
    position: relative;
    margin: 0 auto;
    padding: 10px;

    /* Styles */
    outline: none;
    text-align: center;

    /* Font settings */
    font-weight: bold;
    color: #8AA8BD;
}

.label.fixed-with{
    width: 120px;
}

.tbelement{
    padding: 2px;
    font-weight: bold;
    color: #8AA8BD;
    display: inline-block;
    width: 25%;
}

.oddline>.tbelement{
    background-color: white;
}

.evenline>.tbelement{
    background-color: rgba(248,247,254,1);
}

.price-input{
    /* Size and position */
    position: relative;
    margin: 0 auto;
    padding: 5px;

    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    outline: none;

    /* Font settings */
    font-weight: bold;
    color: #8AA8BD;
}

#calculate{
    width: 100px;
    margin: 0 auto;

    background: #fff;
    font-weight: bold;
    color: #8AA8BD;

    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
}

#calculate:hover{
    background: rgba(248,247,254,1);
}