.ui-widget-content {
    border: 1px solid #bdc3c7;
    background: #e1e1e1;
    color: #222222;
    margin-top: 4px;
  }

  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 5.2em;
    height: 2.2em;
    cursor: default;
    margin: 0 -40px auto !important;
    text-align: center; 
    line-height: 30px;
    color: #FFFFFF;
    font-size: 15px;
  }

  .ui-slider .ui-slider-handle .glyphicon {
    color: #FFFFFF;
    margin: 0 3px; 
    font-size: 11px;
    opacity: 0.5;
  }

  .ui-corner-all {
    border-radius: 20px;
  }

  .ui-slider-horizontal .ui-slider-handle {
    top: -.9em;
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default {
    border: 1px solid #f9f9f9;
    background: #3498db;
  }

  .ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.5em;
  }

  .ui-slider .ui-slider-handle {
    cursor: pointer;
  }

  .ui-slider a,
  .ui-slider a:focus {
    cursor: pointer;
    outline: none;
  }

  /* 12-7-18*/

  .customize-product-wrapper .cu-pro-more-detail{
      display: block;
      position: relative;
  }
  .customize-product-wrapper .cu-pro-more-detail ul{
      margin: 0px;
      padding: 0px;
  }
  .customize-product-wrapper .cu-pro-more-detail ul li{
      list-style-type: none; 
      margin: 0px;
      padding: 0px;
      display: flex;
      flex-wrap: wrap;
  }
  .customize-product-wrapper .cu-pro-more-detail ul li p {
      line-height: 1.5;
      border:1px solid #ca9969;
      margin: 0px;
      font-size: 15px;
      padding: 4px;
      color: #666;
  }
  .customize-product-wrapper .cu-pro-more-detail ul li:first-child p{
      border-top: 1px solid #ca9969;
  }
  .customize-product-wrapper .cu-pro-more-detail ul li p{
      border-top: none;
  }
  .customize-product-wrapper .cu-pro-more-detail ul li p.cu-pro-name{
      width: 75%;
      word-break: break-all;
      text-indent: 5px; 
      border-right: none; 
  }
  .customize-product-wrapper .cu-pro-more-detail ul li p.cu-pro-value{
      width: 25%;
      text-align: center;
  }
  .cu-pro-row.cu-pro-more-detail.vakverdeling_hide {
      display: none;
  }
  @media (max-width: 767px){
      .customize-product-wrapper .cu-pro-more-detail ul li p {
          font-size: 12px;
      }
  }

  @media (min-width: 768px) and (max-width: 1024px){
      .customize-product-wrapper .cu-pro-more-detail ul li p {
          font-size: 12px;
      }   
  }
  /* 12-7-18 */

  /* Tooltip css */
  .cutting-die-main-wrapper #die-offer-btn,
  .cutting-die-main-wrapper #die-heb-modal{
      width: auto;
      font-size: 13px;
      padding: 0;
      background: transparent;
      color: #58b546;
      text-align: left;
      display: inline-block;
      font-weight: 600;
      letter-spacing: 0.05em;
      font-style: italic;   
  }
  .cutting-die-main-wrapper #die-offer-btn:hover,
  .cutting-die-main-wrapper #die-heb-modal:hover{
      background: transparent;
      color: #333;
      outline: none !important;
  }
  .cutting-die-main-wrapper #die-offer-btn:active,
  .cutting-die-main-wrapper #die-offer-btn:focus,
  .cutting-die-main-wrapper #die-heb-modal:active,
  .cutting-die-main-wrapper #die-heb-modal:focu{
      background: transparent;
      color: #58b546;
      outline: none !important;
  }
  .cutting-die-main-wrapper .kiezen-modal,
  .cutting-die-main-wrapper .die-heb-modal-body{ 
      display: none;
  }
  .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal,
  .cutting-die-main-wrapper #die-heb-modal:hover + .die-heb-modal-body{
      display: block;
      position: absolute;
      z-index: 55;
      margin-top: 7px;
      transition: 2s ease;
      border:1px solid #666;
      box-shadow: -1px 1px 5px #918e8e96;
  }
  .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal .first-box.content-box ul li{
      width: 100%;
  }
  .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal .first-box.content-box ul li .data-title
  {
      font-size: 23px;
  }
  .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal .full-box{
      background-color: #fff;
  }
  .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal::before,
  .cutting-die-main-wrapper #die-heb-modal:hover + .die-heb-modal-body::before{
      content: " ";
      display:block;
      position: absolute;
      top: -10px;
      left: 5%;
      border-bottom: 10px solid #ca9969;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
  }
  .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal .content-section ul.table-content > li div{
      height: 42px;
      font-size: 13px;
      text-align: center;
      padding: 5px 5px;
      line-height: 1.2; 
  }
  .cutting-die-main-wrapper #die-heb-modal:hover + .die-heb-modal-body{
      width: 100%;
      padding: 15px 25px;
      background-color: #fff;
      color: #666;
      border-radius: 5px;
      text-align: justify;
  }
  .content-box li.text-section .data-title {
    background: #ca9969;
    margin: 0;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
  }
  .first-box.content-box ul,.full-box.content-box ul{
    margin: 0;
  }
  @media (max-width: 767px){
      .cutting-die-main-wrapper #die-offer-btn:hover + .kiezen-modal .content-section ul.table-content > li div {
          height: 0px;
      }
      .table-content .table-row > div{
          min-height: unset;
      }
  }


  /* Tooltip css */