.hydraulics .params-table .param > div{
  border-bottom: 1px solid #777;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hydraulics .params-table .param:nth-child(2n+1){
  padding-left: 0;
  padding-right: 20px;
}

.hydraulics .params-table .param:nth-child(2n){
  padding-left: 20px;
  padding-right: 0;
}

.hydraulics .params-table .param .param-name{
  display: inline-block;
  float: left;
  font-family: dinpro-bold, sans-serif;
  padding: 0;
}

.hydraulics .params-table .param .param-value{
  display: inline-block;
  float: right;
  font-family: dinpro-light, sans-serif;
  padding: 0;
}

.hydraulics #user-info{
  margin-top: 50px;
}

.hydraulics section.assistance small{
  color: #fff;
}

.hydraulics.mobile{
  margin-top: 50px;
}

.hydraulics .bg-grey{
  background: #E7E7E7;
}

.hydraulics .container.m1024{
  max-width: 1024px;
  padding-left: 0;
  padding-right: 0;
}

.hydraulics .header{
  height: 200px;
  background: #4B4B4B;
}

.hydraulics.with-help .header{
  height: 407px;
}

.hydraulics .header .header-image{
  position: absolute;
  top: 0;
  left: 75px;
}

.hydraulics .push-up{
  margin-top: -145px;
}

.hydraulics.with-help .push-up{
  margin-top: -352px;
}

.hydraulics .page-title{
  color: #fff;
}

.hydraulics .tabs-header .nav-tabs{
  border-bottom: 0;
}

.hydraulics .tabs-header .nav-tabs li{
  border-left: 0;
  background: #575656;
}

.hydraulics .tabs-header .nav-tabs li svg.kuka{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  fill: #9D9D9D;
}

.hydraulics .tabs-header .nav-tabs li.active svg.kuka{
  fill: #FF0000;
}

.hydraulics .tabs-header .nav-tabs li.active{
  background: #E7E7E7;
}

.hydraulics .tabs-header .nav-tabs li.active a,
.hydraulics .tabs-header .nav-tabs li.active a .tab-counter,
.hydraulics .tabs-header .nav-tabs li.active a:hover{
  color: #4B4B4B !important;
}

.hydraulics .tabs-header .nav-tabs li:last-child{
  border-right: 0;
}

.hydraulics .tabs-content{
  padding-top: 25px;
}

.hydraulics .main-parts{
  display: flex;
  margin-bottom: 35px;
}

.hydraulics .main-parts .part{
  display: inline-block;
  float: left;
  position: relative;
}

.hydraulics .main-parts .part.coupling{
  width: 21.5%;
}

.hydraulics .main-parts .part.socket{
  width: 10%;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
}

.hydraulics .main-parts .part.hose{
  width: 37%;
}

.hydraulics .main-parts .part .select-part{
  height: 290px;
  border: 1px solid transparent;
  margin-top: 8px;
  position: relative;
}

.hydraulics .main-parts .part.active .select-part{
  border: 1px solid #008F49;
  cursor: pointer;
}

.hydraulics .main-parts .part.hose .select-part{
  width: calc(100% + 2px);
  z-index: 2;
  transform: translateX(-1px);
}

.hydraulics .main-parts .part.coupling.b .select-part{
  transform: translateX(-1px);
  z-index: 2;
}

.hydraulics .main-parts .part.coupling.a .select-part{
  transform: translateX(1px);
  z-index: 2;
}

.hydraulics .main-parts .part .select-part .select-label{
  color: #198641;
  font-size: 20px;
  text-align: center;
  display: none;
  margin-top: 10px;
}

.hydraulics .main-parts .part.hose .select-part .select-label{
  margin-top: 0;
}

.hydraulics .main-parts .part.active .select-part .select-label{
  display: block;
}

.hydraulics .main-parts .part .select-part .labels{
  position: absolute;
  top: 25%;
  width: 100%;
  text-align: center;
}

.hydraulics .main-parts .part.hose .select-part .labels{
  top: 50%;
  transform: translateY(-50%);
}

.hydraulics .main-parts .part .select-part .copy-other-side{
  font-size: 14px;
  font-family: dinpro-bold, sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: #008F49;
  padding: 12px 13px;
  margin-top: 18px;
  cursor: pointer;
  display: inline-block;
}

.hydraulics .main-parts .part .part-name{
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-family: dinpro-light, sans-serif;
  color: #4B4B4B;
  margin-top: 10px;
  min-height: 36px;
}

.hydraulics .main-parts .part.selected .select-part{
  display: none;
}

.hydraulics .main-parts .part .selected-part{
  display: none;
}

.hydraulics .main-parts .part .selected-part .bottom-line{
  height: 2px;
  background: #4b4b4b;
  position: absolute;
  bottom: 8px;
  display: none;
}

.hydraulics .main-parts.full .part .selected-part .bottom-line{
  display: block;
}

.hydraulics .main-parts .part .selected-part .hose-length{
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #e7e7e7;
  min-width: 80%;
  text-align: center;
  padding: 8px 9px;
  z-index: 2;
  display: none;
}

.hydraulics .main-parts.full .part .selected-part .hose-length{
  display: block;
}

.hydraulics .main-parts .part .selected-part .hose-length input{
  height: 30px;
  width: 90px;
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  text-align: right;
  font-size: 16px;
  font-family: pt-sans-bold, sans-serif;
  color: #454545;
}

.hydraulics .main-parts .part .selected-part .side-label{
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hydraulics input::-webkit-outer-spin-button,
.hydraulics input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.hydraulics input[type=number] {
  -moz-appearance: textfield;
}

.hydraulics .main-parts .part .selected-part .hose-length .input-label{
  font-size: 16px;
  font-family: pt-sans-bold, sans-serif;
}

.hydraulics .main-parts .part.socket .selected-part .bottom-line{
  width: calc(100% + 2px);
  transform: translateX(-1px);
}

.hydraulics .main-parts .part.selected .selected-part{
  display: block;
}

.hydraulics .main-parts .part .selected-part .selected-part-details .main-details{
  font-size: 16px;
  font-family: pt-sans-bold, sans-serif;
  margin-top: 16px;
}

.hydraulics .main-parts .part .selected-part .selected-part-details{
  height: 70px;
  margin-bottom: -10px;
}

.hydraulics .main-parts .part .selected-part .selected-part-details .etk{
  font-size: 14px;
}

.hydraulics .main-parts .part .selected-part-image{}

.hydraulics .main-parts .part .selected-part-image img{
  width: 100%;
  height: 245px;
  position: relative;
  z-index: 2;
}

.hydraulics .main-parts .part:not(.socket) .selected-part-image img{
  cursor: pointer;
}

.hydraulics .main-parts .part.socket .selected-part-image img{
  width: calc(100% + 1px);
}

.hydraulics .main-parts .part.socket.b .selected-part-image img{
  transform: translateX(-1px);
}

.hydraulics .main-parts .part.coupling.a .selected-part-image img{
  transform: translateX(1px);
}

.hydraulics .main-parts .part.coupling.b .selected-part-image img{
  transform: translateX(-1px);
}

.hydraulics .main-parts .part.selected .part-name{
  font-family: dinpro-bold, sans-serif;
  color: #008F49;
}

.hydraulics .main-parts .part .side-label{
  color: #D7D7D7;
  font-size: 130px;
  font-family: dinpro-bold, sans-serif;
  display: inline-block;
}

.hydraulics .main-parts .part.active .side-label{
  color: #A5C8B5;
}

.hydraulics .orientation{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 75px;
}

.hydraulics .orientation > div{
  display: inline-block;
}

.hydraulics .orientation .orientation-info{
  max-width: 325px;
  margin-left: 45px;
}

.hydraulics .orientation .orientation-info .title{
  font-size: 16px;
  text-transform: uppercase;
  font-family: dinpro-bold, sans-serif;
  margin-bottom: 25px;
}

.hydraulics .orientation .orientation-info .info{
  font-size: 14px;
}

.hydraulics .orientation .rs-container{
  position: relative;
}

.hydraulics .orientation .rs-container .start{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #fff;
  border: 4px solid #008F49;
  border-radius: 100%;
  z-index: 3;
}

.hydraulics .orientation .rs-container .helper{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 181px;
  background: #DADADA;
  z-index: 3;
}

.hydraulics .orientation .rs-container .helper.helper2{
  transform: translate(-50%, -50%) rotate(45deg);
}

.hydraulics .orientation .rs-container .helper.helper3{
  transform: translate(-50%, -50%) rotate(90deg);
}

.hydraulics .orientation .rs-container .helper.helper4{
  transform: translate(-50%, -50%) rotate(-45deg);
}

.hydraulics .orientation .rs-container .rs-image{
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
  transform-origin: center 63px;
}

.hydraulics .orientation .rs-container .rs-image img{
  width: 42px;
  height: 82px;
}

.hydraulics .orientation .rs-border{
  border: 0;
}

.hydraulics .orientation .rs-control .rs-bg-color{
  background: #e7e7e7;
}

.hydraulics .orientation .rs-control .rs-path-color{
  background-color: #AAAAAA;
  border: 0;
}

.hydraulics .orientation .rs-range-color{
  background-color: #008F49;
}

.hydraulics .orientation .rs-control .rs-handle{
  background-color: #fff;
  border: 4px solid #008F49;
  z-index: 4;
}

.hydraulics .orientation .rs-control .rs-handle.rs-disable{
  cursor: not-allowed;
}

.hydraulics .orientation .rs-start, .hydraulics .orientation .rs-end{
  display: none;
}

.hydraulics .orientation .rs-tooltip{
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  width: 55px;
  height: 29px;
  border: 1px solid #AAA;
  font-family: pt-sans-bold, sans-serif;
  font-size: 16px;
  text-align: center;
  border-radius: 0;
  padding: 4px;
}

.hydraulics .close-modal{
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
  z-index: 2;
}

.hydraulics .close-modal svg{
  fill: #9B9B9B;
}

.hydraulics .dd-options{
  box-shadow: none;
}

.hydraulics .hose-list{
  position: relative;
}

.hydraulics .hose-list .gradient, .hydraulics #modal-coupling .categories .gradient{
  height: 60px;
  background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hydraulics .dataTables_filter{
  display: none !important;
}

.hydraulics .dataTables_scrollHead{
  background: #008f49;
}

.hydraulics table.products-table{
  border: 0;
}

.hydraulics .dataTables_scrollBody{
  border-bottom: 0 !important;
}

.hydraulics table.products-table th{
  height: 45px;
  padding: 0 10px;
  background: #9D9D9D;
  color: #fff;
  font-size: 14px;
  font-family: pt-sans-narrow-bold, sans-serif;
  text-align: center;
  border: 0;
}

.hydraulics table.products-table th.text-left{
  text-align: left;
}

.hydraulics table.products-table th.select{
  background: #008F49;
  border-left: 1px solid #008F49;
  border-right: 1px solid #008F49;
}

.hydraulics table.products-table td{
  color: #454545;
  font-size: 14px;
  font-family: pt-sans-narrow, sans-serif;
  padding: 6px 10px;
  text-align: center;
  border-bottom: 1px solid #D0D0D0;
}

.hydraulics table.products-table tr:hover td:not(.select){
  background: #dadada !important;
}

.hydraulics table.products-table tr:nth-child(2n) td {
  background: #f3f3f3;
}

.hydraulics table.products-table td:first-child{
  border-left: 1px solid #D0D0D0;
}

.hydraulics table.products-table td.select{
  border-left: 1px solid #D0D0D0;
  border-right: 1px solid #D0D0D0;
  cursor: pointer;
}

.hydraulics table.products-table td.select > div{
  color: #fff;
  font-size: 14px;
  font-family: pt-sans-narrow-bold, sans-serif;
  display: none;
  width: 100%;
  line-height: 18px;
}

.hydraulics table.products-table td.select svg{
  margin-top: 1px;
}

.hydraulics table.products-table td.select:hover{
  background: #008F49;
  border-left: 1px solid #008F49;
  border-right: 1px solid #008F49;
  border-bottom: 1px solid #008F49;
}

.hydraulics table.products-table td.select.border-bottom{
  border-bottom: 1px solid #008F49;
}

.hydraulics table.products-table td.select:hover > div{
  display: inline-block;
}

.hydraulics table.products-table td.select:hover svg{
  /*fill: #fff;*/
  display: none;
}

.hydraulics table.products-table .sub-header{
  font-family: pt-sans-narrow, sans-serif;
  font-weight: normal;
}

.hydraulics table.products-table .sub-header > div{
  padding-left: 5px;
  padding-right: 5px;
}

.hydraulics table.products-table thead th.sorting_asc, .hydraulics table.products-table thead th.sorting_desc {
  background: #848484;
}

.hydraulics table.products-table thead th span {
  width: 12px;
  height: 12px;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 0 5px;
  font-size: 12px;
  transition: all 0.3s;
  display: inline-block;
  transform: translateY(1px);
}

.hydraulics table.products-table thead th[data-sortable]:hover span::after,
.hydraulics table.products-table thead th.sorting_asc span::after,
.hydraulics table.products-table thead th.sorting_desc span::after{
  font-family: 'Glyphicons Halflings';
  content: "\e094";
}

.hydraulics table.products-table thead th.sorting_desc span {
  transform: rotate(180deg);
}

.config.hydraulics #config-to-cart{
  padding-bottom: 11px;
}

.config.hydraulics #config-to-cart.active{
  display: block;
}

.hydraulics #config-to-cart .controls{
  display: flex;
  float: left;
  align-items: center;
}

.hydraulics #config-to-cart .add-to-cart-container{
  display: flex;
  align-items: center;
  height: 53px;
}

.hydraulics #config-to-cart .add-to-cart-container .sum-price-container{
  margin-right: 20px;
}

.hydraulics #config-to-cart .add-to-cart-container .sum-price-container .sum-price{
  font-size: 20px;
}

.hydraulics #config-to-cart .add-to-cart-container .sum-price-container .sum-price-label{
  font-size: 12px;
  line-height: 14px;
}

.hydraulics #config-to-cart .add-to-cart-container .stock-info{
  margin-left: 20px;
  margin-right: 20px;
}

.hydraulics #config-to-cart .add-to-cart-container .stock-info .stock-info-label{
  margin-right: 0;
}

.hydraulics #config-to-cart .add-to-cart-container > div{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hydraulics #config-to-cart .controls > div{
  display: inline-block;
  float: left;
}

.hydraulics #config-to-cart .controls .controls-label{
  text-transform: uppercase;
  font-family: dinpro-bold, sans-serif;
  color: #fff;
  font-size: 14px;
}

.hydraulics #config-to-cart .controls .model-download,
.hydraulics #config-to-cart .controls .pdf-download{
  color: #ddd;
  font-size: 13px;
  margin-left: 20px;
  cursor: pointer;
}

.hydraulics #config-to-cart .controls .pdf-download{
  color: #198641;
}

.hydraulics #config-to-cart .controls .model-download.disabled,
.hydraulics #config-to-cart .controls .pdf-download.disabled{
  opacity: 0.5;
  cursor: not-allowed;
}

.hydraulics #accessories .title{
  font-size: 22px;
  font-family: dinpro-light, sans-serif;
  text-transform: uppercase;
  color: #008F49;
  margin: 12px 0 30px 0;
}

.hydraulics #accessories .accessories-container{
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}

.hydraulics #accessories .accessory{
  display: inline-block;
  width: 130px;
  margin-right: 20px;
}

.hydraulics #accessories .accessory .custom-checkbox{
  float: none;
}

.hydraulics #accessories .accessory .custom-checkbox .chkbox-rect{
  margin-right: 0;
  margin-bottom: 8px;
  padding-left: 0;
  background: #fff;
}

.hydraulics #accessories .accessory .accessory-image{
  cursor: pointer;
}

.hydraulics #accessories .accessory img{
  width: 100%;
}

.hydraulics #accessories .accessory .accessory-name{
  font-family: pt-sans-bold, sans-serif;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 15px;
}

.hydraulics #accessories .accessory .price-label{
  font-size: 11px;
}

.hydraulics #accessories .accessory .price{
  font-size: 13px;
}

.hydraulics section.administrator h5,
.hydraulics section.administrator .contact h6,
.hydraulics section.administrator .contact p,
.hydraulics section.administrator .contact p span,
.hydraulics section.administrator .contact a{
  color: #fff;
}

.hydraulics #next-step{
  margin-left: 20px;
}

.hydraulics .pressure-check{
  height: 45px;
  border: 1px solid #008F49;
  color: #008F49;
  background: #fff;
  padding: 0 20px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: dinpro-bold, sans-serif;
  font-size: 14px;
}

.hydraulics .product-info{
  margin-bottom: 30px;
}

.hydraulics .product-info-title{
  text-transform: uppercase;
  font-size: 14px;
  font-family: dinpro-light, sans-serif;
  color: #4B4B4B;
  margin-bottom: 15px;
}

#modal-hose, #modal-coupling{
  width: 982px;
  max-width: none;
  margin: 50px auto;
}

#modal-hose{
  width: 1100px;
}

#modal-hose.embed{
  width: 1200px;
}

#modal-hose .modal-content, #modal-coupling .modal-content{
  min-height: 497px;
}

#modal-hose .modal-dialog, #modal-coupling .modal-dialog{
  max-width: none;
}

#modal-hose .modal-header{
  background: #E7E7E7;
  padding: 30px 28px;
  color: #4b4b4b;
}

#modal-hose .modal-header .modal-title{
  color: #4B4B4B;
  font-size: 32px;
  font-family: dinpro-bold, sans-serif;
  margin-bottom: 25px;
}

#modal-hose .hose-filters{}

#modal-hose .hose-filters .filter{
  padding-left: 0;
}

#modal-coupling .coupling-filters .filter:first-child{
  padding-left: 0;
  padding-right: 10px;
}

#modal-coupling .coupling-filters .filter:last-child{
  padding-right: 0;
  padding-left: 10px;
}

#modal-hose .hose-filters .filter:first-child{
  padding-right: 40px;
}

#modal-hose .hose-filters .filter-label,
#modal-coupling .coupling-filters .filter-label{
  font-size: 14px;
  margin-bottom: 15px;
}

#modal-coupling .coupling-filters .dd-selected-text{
  font-family: pt-sans-bold, sans-serif;
  color: #4B4B4B;
}

#modal-hose .hose-filters .filter:first-child .filter-label,
#modal-coupling .coupling-filters .filter-label {
  margin-bottom: 10px;
}

#modal-hose .hose-filters #hose-diameter,
#modal-coupling .coupling-filters #coupling-design,
#modal-coupling .coupling-filters #coupling-type{
  margin: 0;
}

#modal-coupling .coupling-filters .dd-select{
  height: 60px;
}

#modal-coupling .coupling-filters .dd-selected{
  padding: 19px;
}

#modal-coupling #coupling-design .dd-selected{
  padding: 0 19px;
}

#modal-coupling #coupling-design .dd-selected .dd-selected-image{
  width: 91px;
  max-width: 91px;
  height: 48px;
  margin-top: 5px;
}

#modal-coupling #coupling-design .dd-option img{
  width: 91px;
  max-width: 91px;
  height: 48px;
}

#modal-coupling #coupling-design .dd-option .dd-option-text{
  line-height: 48px !important;
}

#modal-hose .hose-filters #hose-diameter .dd-pointer-down,
#modal-coupling .coupling-filters .dd-pointer-down{
  border-top: 5px solid #9D9D9D;
}

#modal-hose .hose-filters #hose-diameter .dd-pointer-up,
#modal-coupling .coupling-filters .dd-pointer-up{
  border-bottom: 5px solid #9D9D9D !important;
}

#modal-hose .hose-filters #hose-diameter .dd-selected, #modal-hose .hose-filters #hose-diameter .dd-option{
  text-align: center;
}

#modal-coupling .coupling-filters .dd-option,
#modal-coupling .coupling-filters .dd-selected{
  text-align: left;
}

#modal-hose .hose-filters .range-slider-container{
  padding: 0 10px;
}

#modal-hose .hose-filters .selected-range{
  color: #4B4B4B;
  font-size: 14px;
  font-family: pt-sans-bold, sans-serif;
  margin-top: 8px;
}

#modal-hose .hose-filters .ui-slider{
  height: 2px;
  border: 0;
  background: #AAAAAA;
}

#modal-hose .hose-filters .ui-slider .ui-slider-range{
  height: 4px;
  background: #008F49;
  margin-top: -1px;
}

#modal-hose .hose-filters .ui-slider .ui-slider-handle{
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 100%;
  border: 4px solid #008F49;
  margin-top: -4px;
  cursor: pointer;
}

#modal-hose .modal-body{
  padding-top: 0;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 34px;
}

#modal-coupling .modal-content{
  padding: 0;
}

#modal-coupling .modal-header{
  background: #E7E7E7;
  padding: 0 26px 12px 26px;
}

#modal-coupling .modal-header .side-label{
  font-size: 60px;
  font-family: dinpro-bold, sans-serif;
  color: #fff;
  text-align: center;
  width: 60px;
  height: 73px;
  background: #9D9D9D;
  display: inline-block;
  float: left;
  padding-top: 27px;
  margin-top: -1px;
  margin-bottom: 18px;
}

#modal-coupling .modal-header .modal-title{
  color: #4B4B4B;
  font-size: 32px;
  font-family: dinpro-bold, sans-serif;
  margin-bottom: 25px;
  margin-top: 38px;
  margin-left: 10px;
  display: inline-block;
  float: left;
}

#modal-coupling .modal-body{
  padding: 0 26px 26px 26px;
}

#modal-coupling{}

#modal-coupling .categories-header{
  display: flex;
  background: #9D9D9D;
  height: 45px;
}

#modal-coupling .categories-header .details-block{
  height: 45px;
  padding-right: 5px;
  background: #008f49;
}

#modal-coupling .col{
  font-size: 14px;
  font-family: pt-sans-narrow, sans-serif;
  text-align: center;
  display: inline-block;
  float: left;
  height: 100%;
}

#modal-coupling .categories-header .col{
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: pt-sans-narrow-bold, sans-serif;
  background: #9d9d9d;
}

#modal-coupling .categories-header .col .sub-header{
  font-family: pt-sans-narrow, sans-serif;
}

#modal-coupling .categories-header .col.select{
  background: #008F49;
  color: #fff;
}

#modal-coupling .col.etk{
  width: 17%;
}

#modal-coupling .col.size{
  width: 15%;
}

#modal-coupling .col.price{
  width: 20%;
}

#modal-coupling .col.price.guest{
  width: 40%;
}

#modal-coupling .col.stock{
  width: 20%;
}

#modal-coupling .col.catalog{
  width: 8%;
}

#modal-coupling .col.model{
  width: 5%;
}

#modal-coupling .col.select{
  width: 15%;
}

#modal-coupling .col.text-left{
  text-align: left;
  justify-content: left;
}

#modal-coupling .image-block{
  width: 189px;
  float: left;
  display: inline-block;
  text-align: center;
  padding-right: 10px;
}

#modal-coupling .image-block .col{
  width: 100%;
}

#modal-coupling .details-block{
  width: calc(100% - 189px);
  float: left;
  display: inline-block;
}

#modal-coupling .category-list{
  height: 250px;
  overflow-y: scroll;
}

#modal-coupling .category-list .category{
  margin-bottom: 20px;
}

#modal-coupling .category-list .category:last-child{
  margin-bottom: 0;
}

#modal-coupling .category-name{
  font-size: 16px;
  font-family: pt-sans-bold, sans-serif;
  text-transform: uppercase;
  margin: 9px 0;
}

#modal-coupling .products .product{
  padding: 0;
}

#modal-coupling .products .product .etk{
  padding-left: 10px !important;
}

#modal-coupling .products .product:nth-child(2n+1){
  background: #F3F3F3;
}

#modal-coupling .products .product .col{
  padding: 0 2px;
  border-bottom: 1px solid #E3E3E3;
  height: 33px;
}

#modal-coupling .products .product .col > *{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#modal-coupling .products .product .etk > *{
  justify-content: left;
}

#modal-coupling .products .product:first-child .col{
  border-top: 1px solid #e3e3e3;
}

#modal-coupling .products .product .col:first-child{
  border-left: 1px solid #e3e3e3;
}

#modal-coupling .products .product .col:last-child{
  border-right: 1px solid #e3e3e3;
}

#modal-coupling .products .product .col svg.pdf{
  background: #a5a5a5;
  border-radius: 3px;
  padding: 2px;
}

#modal-coupling .products .product .col .open_3d_model.disabled svg{
  fill: #ddd;
}

#modal-coupling .products .product .col svg.disabled.pdf{
  background: #ddd;
}

#modal-coupling .products .product .col.select{
  border-left: 1px solid #E3E3E3;
  cursor: pointer;
}

#modal-coupling .products .product .col.select.border-bottom{
  border-bottom: 1px solid #008F49;
}

#modal-coupling .products .product .col.select .select-label{
  color: #fff;
  font-size: 14px;
  font-family: pt-sans-narrow-bold, sans-serif;
  display: none;
  width: 100%;
  line-height: 18px;
}

#modal-coupling .products .product .col.select:hover{
  background: #008F49;
  border-bottom: 1px solid #008F49;
  border-left: 1px solid #008F49;
  border-right: 1px solid #008F49;
}

#modal-coupling .products .product .col.select:hover .select-label{
  display: inline-block;
}

#modal-coupling .products .product:first-child .col.select:hover{
  border-top: 1px solid #008F49;
}

#modal-coupling .products .product .col.select:hover svg{
  display: none;
}

#modal-coupling .products .product .col.select svg{
  margin-top: 0;
  margin-bottom: -2px;
}