/* Styles Frontend */
:root{
	--qb_col_green: #59B471;
	--qb_col_blue: #046BD2;
	--qb_col_lightblue: #046bd280;
	--qb_col_rubicon_blue: #0000ff;
	--qb_col_msg: #be0002;
	--qb_col_error: #be0002;

  --qb_col_grey: #f8f8f8;
  --qb_col_grey2: #f0f0f0;
  --qb_col_grey3: #eee;

  --qb_bg_col_grey: #fafafa;
  --qb_bg_col_blue: #046BD2;
  --qb_bg_col_yellow: #ffff0038;

  --qb_border_grey: #eee;

  --qb_flyif_width: 400px;
  --qb_flyif_neg_width: -400px;
}

.bt_cad_hide{
  display: none;
}
.bt_col_green{
  color: var(--qb_col_green);
}

h3.bt_cad_manu_cats{
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: 600;
    color: #231f20;
}
#bt_cad button,
.bt_cad_button{
  border-radius: 5px;
}
h5{
  margin-top: 30px;
}
#bt_cad{
  margin-bottom: 80px;
  min-height: 600px;
  padding-top: 10px;
  padding-top: 50px;
  margin-top: -50px;
  hyphens: auto;
}
#bt_cad a{
  cursor: pointer;
}
.bt_cad_sprung{
  visibility: hidden;
  height: 0px !important;
  position: absolute;
  margin: -50px;
}
@media screen and (min-width: 922px) {
   .bt_cad_sprung{
     margin: -190px;
   }
}
@media screen and (min-width: 1270px) {
   .bt_cad_sprung{
     margin: -130px;
   }
}
.bt_cad_displayb{
  display: block;
}
.bt_cad_w100{
  width: 100%;
}
.bt_cad_h30{
  height: 30px;
}
.bt_cad_mtb15{
  margin: 15px 0;
}
.bt_cad_mb0{
  margin-bottom: 0 !important;
}
.bt_cad_ml0{
  margin-left: 0 !important;
}
.bt_cad_mr0{
  margin-right: 0 !important;
}
.bt_cad_row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.bt_cad_nowrap{
   flex-wrap: nowrap;
}
.bt_cad_fend{
   justify-content: end;
}
.bt_cad_fcenter{
   justify-content: center;
}

#bt_cad_msg{
  min-height: 30px;
}
#bt_cad_msg,
.bt_cad_msg{
	color: var(--qb_col_msg);
	padding-bottom: 10px;
  margin-bottom: 0.5rem;
}

.bt_cad_more{
   display: flex;
}
.bt_cad_2dviewer,
.bt_cad_3dviewer{           /*        */
   flex: 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-negative: 1;
   flex-shrink: 1;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   position: relative;
}
.bt_cad_2dviewer .container,
.bt_cad_3dviewer #container{
   height: 500px;
}
.bt_cad_zusatz{
background: yellow;
   flex: 1;
}

.bt_cad_product_header{
    flex-direction: row;
}
.bt_cad_product_header h3,
.bt_cad_product_header h4{
  margin-bottom: 10px;
}
.bt_cad_product_header h4{
  margin-top: 0;
}
.bt_cad_info{
  font-style: italic;
  font-size: 0.8rem;
  padding: 20px 0;
}
#bt_cad_scroll_info{
  font-style: italic;
  font-size: 0.8rem;
  text-align: right;
}
#bt_cad_scroll_tot_left,
#bt_cad_scroll_tot_right,
#bt_cad_scroll_left,
#bt_cad_scroll_right{
  cursor: pointer;
  color: var(--qb_col_blue);
  font-size: 180%;
  font-weight: bold;
  font-style: normal;
  padding: 0 8px;
}

#bt_cad_product_tab{
   margin-bottom: 10px;
}

#bt_cad_product_tab input[type=checkbox]{
  width: 1.2rem ! important;
  height: 1.2rem !important;
  vertical-align: text-top;
}
#bt_cad_product_tab tr{
  cursor: pointer;
}
.bt_cad_flex_row,
#bt_cad_product_tab_search,
#bt_cad_product_tab_header{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: baseline;
  padding-bottom: 5px;
}
.bt_cad_flex_row,
#bt_cad_product_tab_header{
  justify-content: space-between;
}
#bt_cad_product_ts_input{
  margin-right: 10px;
  width: auto;
}
#bt_cad_product_ts_input:after{
  content: url('../images/icon-product.svg');
}

#bt_cad_product_info{
  color: var(--qb_col_green);
  min-width: 150px;
  text-align: right;
}
.bt_cad_product_tab{
  overflow: scroll;
  height: 400px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 0.8rem;
  border-collapse: collapse;
}
.bt_cad_product_tab:has(.ag-measurement-container){
  overflow: initial;
}

.bt_cad_product_tab_dt{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 0.8rem;
  border-collapse: collapse;
}

div.bt_cad_product_tab .ag-cell,
div.bt_cad_product_tab .ag-header-cell{                                         /* AG-Grid */
    max-width: 350px;
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
/*    border: 1px solid var(--ast-border-color);    */                          /* 20241023 ??? */
    border-left: 1px solid var(--ast-border-color);
    border-right: 1px solid var(--ast-border-color);
    border-width: 0 1px 1px 0;
    text-align: left;
}
.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group{
    border-left: 1px solid var(--ast-border-color);
    border-right: 1px solid var(--ast-border-color);
}
.bt_cad_fit_content{
    width: fit-content !important;
}
select.bt_cad_sel_filter{
    width: 100%;
}

div.bt_cad_product_tab .ag-header-cell{
    font-weight: bold;
}

#bt_cad_product_tab_input{
  position: relative;
}
#bt_cad_product_icon_clearsearch{
  position: absolute;
  right: 11px;
  top: 1px;
  padding: 5px;
  background: #fff;
  color: var(--qb_col_green);
}
#bt_cad_product_icon_clearsearch span{
  font-size: 28px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

/* Klassen */
.bt_cad_mb_s{
  margin-bottom: 10px;
}
.bt_cad_mb_m{
  margin-bottom: 30px;
}
.bt_cad_break{
  flex-basis: 100%;
  height: 0;
}

.bt_cad_butn{
  color: #fff;
  padding: 10px 20px;
  background: var(--qb_col_blue);
  border-radius: 3px;
}
.bt_cad_butn:hover,
.bt_cad_butn:focus{
  background: var(--qb_col_blue);
  transform: scale(1.01);
}

#bt_cad_product_ts_input:after,
.bt_cad_spin,
.bt_cad_spin_graphic,
.bt_cad_filter:after,
.bt_cad_open_ext:after{
  color: var(--qb_col_green);
  cursor: pointer;
  font-family: 'dashicons';
  font-size: 1.4rem;
  vertical-align: sub;
}
.dashicons.bt_cad_spin{
  font-size: 30px;
  width: 30px;
  height: 30px;
}
.bt_cad_spin_graphic{
  color: var(--qb_col_green);
  font-size: 13px;
  width: 13px;
  height: 13px;
}
.bt_cad_filter{
  position: relative;
  cursor: pointer;
}
.bt_cad_filter:after{
  content: "\f536";
  position: absolute;
  right: 0;
  top: 15%;
  display: none;
}
.bt_cad_filter:hover:after{
  display: block;
}
.bt_cad_open_ext:after{
  content: "\f504";
  padding-left: 5px;
}

.bt_cad_product_table{
  position: relative;
  margin-bottom: 30px;
}
.bt_cad_tab_cell_img{
  text-align: center;
}
.bt_cad_tab_cell_img img{
  width: auto;
  height: 60px;
}
#bt_cad_img_box{
  position: absolute;
  z-index: 8;
  right: 20px;
  bottom: 80px;
  display: none;
}
                                                                                /* Edit Box */
#bt_cad_edit_box{
  position: absolute;
  z-index: 7;
  left: 250px;
  bottom: 80px;
  width: 100%;
  max-width: 40vw;
  overflow-y: scroll;
  height: 250px;
  display: none;
}
#bt_cad_edit_box:has(.bt_cad_range_box){
  height: 230px;
}
@media (max-width: 768px) {
  #bt_cad_edit_box {
    position: relative;
    left: initial;
    bottom: initial;
    width: 100%;
    max-width: inherit;
  }
}

.bt_cad_input_error{
  border-color: var(--qb_col_error) !important;
}

.bt_cad_row_overlap_box{
   z-index: 99;
}
.bt_cad_range_box,
.bt_cad_imageselect_box{
  background: #fff;
  border: var(--qb_col_blue) 1px solid;
  text-align: center;
  border-radius: 4px;
  width: 100%;
  min-height: 100%;
  flex-wrap: wrap;
  display: flex;
  cursor: pointer;
}
.bt_cad_range_box{
  flex-direction: column;
  padding: 10px;
}

.bt_cad_imageselect_box img{
  height: 100%;
  max-height: 85px;
  width: auto;
}
.bt_cad_imageselect_box_item{
  flex: 1;
  display: flex;
  min-width: 45%;
  box-sizing: border-box;
  align-items: baseline;
  border: 1px solid var(--qb_col_grey3);
  margin: 5px;
}
@media (max-width: 768px) {
  .bt_cad_imageselect_box_item {
    flex-direction: column;
  }
}
.bt_cad_imageselect_box_item div{
  flex: 1;
}
.bt_cad_imageselect_box_item div p{
  padding: 5px;
}
.bt_cad_imageselect_box_item div p,
.bt_cad_imageselect_box_item div img{
  text-align: left;
}

.bt_cad_range_box button{
    margin: 15px 10px 5px;
    padding: 5px 10px;
    height: 35px;
}
.bt_cad_range_button{
    font-size: 14px;
}
.bt_cad_cell_img_exit,
.bt_cad_range_exit{
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 5px;
    padding: 5px;
    padding-bottom: 12px;
    padding-top: 0px;
    background: var(--qb_col_green);
}
.bt_cad_range_exit{
    right: 15px;
    top: 15px;
}
.bt_cad_cell_img_exit:after,
.bt_cad_range_exit:after{
    content: "\f335";
    color: #fff !important;
    font-family: 'dashicons';
    cursor: pointer;
    width: 25px;
    height: 17px;
    margin-top: 5px;
    font-size: 25px;
}
.bt_cad_imgselect_desc,
.bt_cad_range_desc{
    padding: 10px 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    flex: 1 1 100%;
    cursor: initial;
}
.bt_cad_imgselect_desc i{
    font-weight: normal;
    padding-left: 20px;
    font-size: 90%;
}
.bt_cad_range_desc{
    position: absolute;
    left: 10px;
    top: 10px;
}
.bt_cad_range_take{
    position: absolute;
    right: 60px;
    top: 15px;
    border-radius: 5px;
    padding: 5px;
    padding-bottom: 12px;
    padding-top: 0px;
    background: var(--qb_col_blue);
}
.bt_cad_range_take:after{
    content: "\f147";
    color: #fff !important;
    font-family: 'dashicons';
    cursor: pointer;
    width: 25px;
    height: 25px;
    padding-top: 8px;
    margin-top: -2px;
    font-size: 25px;
}
.bt_cad_bold,
.bt_cad_range_box_akt{
    font-weight: bold;
}
.bt_cad_range_box_akt input{
    display: inline;
    width: 100px;
    border-radius: 4px;
    text-align: center;
}
.bt_cad_range_box_akt{
    background: var(--qb_col_grey);
    display: flex;
    padding: 40px 20px 10px;
    border-radius: 4px;
}
.bt_cad_cell_range,
.bt_cad_cell_imgselect{
  position: relative;
}
.bt_cad_cell_range:after,
.bt_cad_cell_imgselect:after{
  content: "\f464";
  font-family: 'dashicons';
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
  padding: 0 10px;
  cursor: pointer;
}
.bt_cad_m25{
  margin: 25px;
}
#bt_cad_td_download{
  padding: 0;
}
.bt_cad_td_download_logged_in,
.bt_cad_td_download_not_logged_in{
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  text-align: center;
  width: 100%;
  min-height: 55px;
  margin: 5px;
  cursor: pointer;
  color: var(--qb_col_blue);
}
.bt_cad_td_download_not_logged_in{
  background-image: url('../images/icon-not-logged-in.svg');
}
.bt_cad_td_download_logged_in{
  background-image: url('../images/icon-downloads.svg');
  text-decoration: underline;
}
#bt_cad_checked_counter{
  padding-top: 20px;
  padding-right: 8px;
  font-size: 0.9rem;
  text-decoration: underline;
}

.bt_cad_text_found{
  background: var(--qb_bg_col_yellow);
}

.bt_cad_invisi{
  visibility: hidden;
}
.bt_cad_dnone, .btn_search,
.btn1,.btn2,.btn3,.btn4,.btn5,.btn6,.btn7,.btn8,.btn9,.btn10,.btn11,.btn12,.btn13,.btn14,.btn15,.btn16,.btn17,.btn18,.btn19,.btn20,
.btn21,.btn22,.btn23,.btn24,.btn25,.btn26,.btn27,.btn28,.btn29,.btn30,.btn31,.btn32,.btn33,.btn34,.btn35,.btn36,.btn37,.btn38,.btn39,.btn40,
.btn41,.btn42,.btn43,.btn44,.btn45,.btn46,.btn47,.btn48,.btn49,.btn50,.btn51,.btn52,.btn53,.btn54,.btn55,.btn56,.btn57,.btn58,.btn59,.btn60,
.btn61,.btn62,.btn63,.btn64,.btn65,.btn66,.btn67,.btn68,.btn69,.btn70,.btn71,.btn72,.btn73,.btn74,.btn75,.btn76,.btn77,.btn78,.btn79,.btn80,
.btn81,.btn82,.btn83,.btn84,.btn85,.btn86,.btn87,.btn88,.btn89,.btn90,.btn91,.btn92,.btn93,.btn94,.btn95,.btn96,.btn97,.btn98,.btn99,.btn100 {
  display: none !important;
}
.bt_cad_vmiddle{
   vertical-align: middle !important;
}
.bt_cad_first{
  z-index: 1;
  display:table-row !important;
}
.bt_cad_first td{
  min-width: 80px;
  min-height: 90px;
}
.bt_cad_sticky{
  position: sticky;
  background: #fff;
  z-index: 9;
}
.bt_cad_product_tab_check{
  z-index: 8;
  background: transparent;
}

.bt_cad_product_visiblerowindex{
  border: 2px solid var(--qb_col_lightblue);
}
.bt_cad_product_ag_visiblerowindex .ag-column-first{
  border-left: 2px solid var(--qb_col_lightblue) !important;
}
.bt_cad_product_ag_visiblerowindex.ag-row .ag-cell{
  border-top: 2px solid var(--qb_col_lightblue) !important;
  border-bottom: 2px solid var(--qb_col_lightblue) !important;
}
.bt_cad_imageselect_box_item_selected,
.bt_cad_product_row_selected .ag-cell,
.bt_cad_product_row_selected{
  background: var(--qb_col_grey) !important;
}
.bt_cad_imageselect_box_item_selected{
  cursor: initial;
}
.bt_cad_product_row_grafik,
.bt_cad_product_row_grafik .ag-cell{
  background: var(--qb_col_grey2) !important;
}

.bt_cad_pos_top{
  top: 0;
}
.bt_cad_pos_left{
  left: 0;
}
select.bt_cad_product_tab_filter{
  padding: 0;
  width: 100%;
  font-size: 0.8rem;
}
#bt_cad_aktive_filter{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 10px 0 15px;
}
#bt_cad_aktive_filter span{
  font-size: 1.1rem;
  padding-right: 20px;
}
ul.bt_cad_akt_filter{
  list-style: none;
  align-self: center;
  margin: 0;
}
.bt_cad_akt_filter li{
  background: var(--qb_bg_col_grey);
  border-radius: 20px;
  padding: 0.3rem 0.8rem;
}
.bt_cad_akt_filter li a{
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
}
.bt_cad_back,
.bt_cad_reset{
  padding: 10px 40px;
  cursor: pointer;
}
#bt_cad_txt_viewer{
  color: var(--qb_col_green);
    display: inline-flex;
    justify-content: center;
    height: 30px;
    width: 150px;
}
button#bt_cad_button_table,
button#bt_cad_button_viewer{
  width: 175px;
}
button#bt_cad_button_table:hover,
button#bt_cad_button_viewer:hover,
.bt_cad_button:hover,
.bt_cad_range_take:hover,
.bt_cad_cell_img_exit:hover,
.bt_cad_range_exit:hover,
.bt_cad_back:hover,
.bt_cad_reset:hover{
  transform: scale(1.01);
  color: #fff;
}
.bt_cad_button,
.bt_cad_button:hover,
.bt_cad_button:focus{
  color: #fff;
  background: var(--qb_col_blue);
}
button#bt_cad_button_table:before,
button#bt_cad_button_viewer:before,
.bt_cad_back:before,
.bt_cad_reset:before{
  color: #fff;
  font-family: dashicons;
  vertical-align: middle;
  padding-right: 5px;
  font-size: 1.5rem;
}
.bt_cad_reset:before{
  content: "\f335";
}
.bt_cad_back:before{
  content: "\f340";
}
button#bt_cad_button_table:before{
  content: "\f342";
  font-size: 1.1rem;
}
button#bt_cad_button_viewer:before{
  content: "\f346";
  font-size: 1.1rem;
}

.bt_cad_akt_filter li a:before{
  padding: 5px;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 20px;
  background: var(--qb_col_blue);
  content: url('../images/icon-cross.svg');
}
.bt_cad_vdi_download:before{
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  content: url('../images/icon-download-blue.svg');
}

.bt_cad_product_tab .ag-header-cell,
.bt_cad_product_tab .ag-cell,
.bt_cad_product_tab th,
.bt_cad_product_tab td{
  max-width: 250px;
  min-width: 95px;
  padding: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.bt_cad_product_tab th select,
.bt_cad_product_tab td select{
  text-align: center;
  font-size: 0.9rem;
}

.bt_cad_product_item_name{
    font-weight: normal;
    font-size: 90%;
}
.bt_cad_product_tab .ag-cell,
.bt_cad_product_tab td.bt_cad_product_tab_check_col{                                                  /* 1. Spalte mit Checkbox in Produkttabelle */
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
}
.bt_cad_product_tab .ag-cell .bt_cad_checkbox,
.bt_cad_product_tab td.bt_cad_product_tab_check_col .bt_cad_checkbox{
  display: inline;
  padding-right: 15px;
}

.bt_cad_product_tab .ag-cell .bt_cad_checknr,
.bt_cad_product_tab td.bt_cad_product_tab_check_col .bt_cad_checknr{
  display: inline;
}

.bt_cad_hersteller_dir,
.bt_cad_hersteller_item{
  position: relative;
}

.bt_cad_catalogdownload,
.bt_cad_catalogname,
.bt_cad_cataloglang,
.bt_cad_catalogcountry,
.bt_cad_catalogdate{
  position: absolute;
  bottom: 10px;
  font-size: 0.75rem;
  line-height: 1.0rem;
  color: var(--qb_col_green);
}
.bt_cad_catalogdownload{
  left: 10px;
  bottom: 3px;
}
.bt_cad_catalogdownload a{
  display: inline !important;
}
.bt_cad_catalogname{
  right: 10px;
}
.bt_cad_cataloglang{
  left: 108px;
  background: #fff;
  min-width: 52px;
}
.bt_cad_catalogdate{
  left: 160px;
  max-width: 133px;
  background: #fff;
}
.bt_cad_catalogcountry{
  left: 145px;
  max-width: 133px;
  background: #fff;
}

.bt_cad_hersteller_kat,
.bt_cad_hersteller_dir,
.bt_cad_hersteller_item{
	display: flex;
	border: 2px solid var(--qb_col_green);
	border-radius: 5px;
  margin: 15px 15px 15px 0;
  padding: 10px;
	min-width: 285px;
	height: 130px;
  justify-content: space-evenly;                           /* 20240729 */
	cursor: pointer;
	box-shadow: 0px 5px 10px 5px #f0f0f0;
	transition: all 0.5s ease-out;
}
.bt_cad_hersteller_kat:hover,
.bt_cad_hersteller_dir:hover,
.bt_cad_hersteller_item:hover,
button.bt_cad_svg_download_white:hover{
	  transform: scale(1.01);
}
.bt_cad_hersteller_item a{
  display: flex;
}

.bt_cad_hersteller_img,
.bt_cad_hersteller_dir_img,
.bt_cad_hersteller_item_img{
	  width: 6rem;
    height: auto;
    padding-right: 10px;
 /*   margin: auto;                                           v1.5.3 */
    margin-top: 0;                                         /* v1.4.5 */
    display: flex;                                         /* v1.5.3 */
    justify-content: center;
    align-items: center;
}
.bt_cad_hersteller_dir_img,
.bt_cad_hersteller_item_img{
    margin-bottom: 20px;                                   /* v1.5.3 */
}
.bt_cad_hersteller_item_img img,
.bt_cad_hersteller_dir_img img{
    max-height: 75px;
}

.bt_cad_hersteller_txt,
.bt_cad_hersteller_dir_txt,
.bt_cad_hersteller_dir_txt p,
.bt_cad_hersteller_item_txt{
    padding-right: 10px;
	  width: 9.0rem;
    line-height: 1.2rem;
    font-size: 0.9rem;
}
.bt_cad_hersteller_item_txt p{
   margin-bottom: 0;
   font-size: 0.9rem;
   line-height: 1.1rem;
}
table.bt_cad_lh10 tr{
   line-height: 1.0rem;
}
.bt_cad_col{
    flex-direction: column;
}
.bt_cad_hersteller_cat_icon{
	  display: flex;
    flex-direction: column;
    width: 2.0em;
    align-items: flex-end;
}
.bt_cad_hersteller_cat_icon_source{
    display: flex;
    flex-direction: row;
}
.bt_cad_hersteller_cat_icon_source img{
    width: 15px;
    height: auto;
}
.bt_cad_hersteller_cat_icon_entry,
.bt_cad_hersteller_cat_icon_source{
	  height: 1.45rem;
}

.bt_cad_link{
    cursor: pointer;
}

.bt_cad_letter{
	font-size: 1.3rem;
	font-weight: bold;
	color: var(--qb_col_blue);
	padding: 25px 0 5px;
}

#bt_cad_flyif{
   position: fixed;
   right: var(--qb_flyif_neg_width);
   bottom: 0;
   width: var(--qb_flyif_width);
   height: 500px;
   padding: 15px;
   background-color: var(--qb_bg_col_grey);
   z-index: 9999;
   border: 2px solid var(--qb_col_green);
}
#bt_cad_flyif_icon{
   width: 50px;
   height: 50px;
   left: -50px;
   position: absolute;
   top: -2px;
   background-size: 35px;
   background-color: var(--qb_col_green);
   background-image: url('../images/icon-search.svg');
   background-position: center center;
   background-repeat: no-repeat;
}
.bt_cad_flyif_icon_cross{
   background-image: url('../images/icon-cross.svg') !important;
}
.bt_cad_show_flyif {
    right: 0 !important;
    transition: 1s;
    }
.bt_cad_hide_flyif {
    right: var(--qb_flyif_neg_width) !important;
    transition: 1s;
    }

/* Dialog Box */
.ui-dialog{
    background: #fff;
    overflow: scroll;
    padding: 10px;
    z-index: 999;
	  border: 2px solid var(--qb_col_green);
}
.ui-widget-header{
    border-width: 0;
    background: #fff;
    color: initial;
}
.ui-dialog-titlebar {
    padding: 5px 0 10px;
    border-bottom: 1px solid var(--qb_border_grey);;
    margin-bottom: 10px;
    font-weight: 600;
}
.ui-dialog .ui-dialog-titlebar-close{
    float: right;
	  background-color: var(--qb_col_green);
    background-image: url('../images/icon-cross.svg') !important;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    width: 30px;
    height: 30px;
}

.ui-widget.ui-widget-content {
  overflow: hidden;
}
.ui-button{
  color: #fff !important;
  padding: 10px 20px;
  background: var(--qb_col_blue);
  border-radius: 3px;
}
.ui-button:hover,
.ui-button:focus{
  color: #fff !important;
  background: var(--qb_col_blue);
  transform: scale(1.005);
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover{
	  background-color: var(--qb_col_green);
}
.ui-icon{
  display: none;
}

/* Country + Language Menu */
ul#bt_cad_countries,
ul#bt_cad_submenu_countries,
ul#bt_cad_languages,
ul#bt_cad_submenu_languages{
  list-style: none;
}
#bt_cad_languages,
#bt_cad_countries{
  cursor: pointer;
  position: relative;
  margin: inherit;
  padding-left: 15px;
}
#bt_cad_languages{
  margin-right: 20px;
}
ul#bt_cad_submenu_countries,
ul#bt_cad_submenu_languages{
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: all .1s;
  margin: 0;
  padding: 10px;
  padding-left: 0;
  width: 230px;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .1);
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, .1);
}
#bt_cad_submenu_languages a,
#bt_cad_submenu_countries a{
  padding: 10px 15px;
  line-height: 1.8rem;
  font-size: 13px;
  color: #231F20;
}
ul li#bt_cad_selected_country{
  width: 180px;
}
ul li#bt_cad_selected_language{
  width: 115px;
}
ul li#bt_cad_selected_country a,
ul li#bt_cad_selected_language a{
  color: #231F20;
}
ul li#bt_cad_selected_country > a:after,
ul li#bt_cad_selected_language > a:after{
  content: "\f347";
  font-family: 'dashicons';
  vertical-align: sub;
  padding-left: 5px;
}
ul li#bt_cad_selected_country a:hover,
ul li#bt_cad_selected_language a:hover{
  font-weight: bold;
}
#bt_cad_selected_country  a span .dashicons:before,
.dashicons-arrow-down-alt2:before{
  font-size: 16px;
  width: 16px;
  height: 16px;
  padding-top: 7px;
}
ul#bt_cad_languages li#bt_cad_selected_language:hover > #bt_cad_submenu_languages,
ul#bt_cad_countries li#bt_cad_selected_country:hover > #bt_cad_submenu_countries{
  display: block;
  visibility: visible;
  opacity: 1;
}

#bt_cad_select_manu, #bt_cad_select_produktgruppen,
#bt_cad_select_dataformats, #bt_cad_select_countries{   /*
  padding-right: 2.0em;                                   */
  position: relative;
}
.bt_cad_select_reset{
  position: relative;   /*
  visibility: hidden;   */
}
.bt_cad_select_reset:hover{
  transform: scale(1.03);
}
.bt_cad_select_reset:before{
  color: var(--qb_col_blue);
  position: absolute;
  top: 9px;
  right: 40px;
  font-size: 1.3em;
}
#bt_cad_login_form p,
#bt_cad_login_form h4,
#bt_cad_login_form button{
  margin-bottom: 0.65rem;
  font-size: 95%;
}
#bt_cad_login_form h4{
  margin: 0.75rem 0;
}
#bt_cad_login_form label{
  font-size: 80%;
}
#bt_cad_login_form input{
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}
#bt_cad_login_form a{
  color: var(--qb_col_blue);
  font-size: 90%;
}
table#bt_cad_tab_manu td select,
table#bt_cad_tab_manu td input,
table#bt_cad_tab_manu td button,
#bt_cad_login_form input,
#bt_cad_login_form button{
  width: 100%;
}
table#bt_cad_tab_manu td select{
  margin-bottom: 30px;
}

table.bt_cad_rdown td:first-child{
  width: 285px;
}
.bt_cad_table_oa{
  width: initial;
}
.bt_cad_table_oa,
.bt_cad_table_oa td,
.bt_cad_table_oa th{
  text-align: left;
  border-width: 0px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0.5rem;
  padding-right: 30px;
}
.bt_cad_table_oa td span.dashicons-download{
    vertical-align: middle;
    font-size: 1.5rem;
    margin-right: 10px;
}

.bt_cad_align_top{
  align-items: flex-start;
  display: flex;
}

#bt_cad_login_form_msg{
  color: var(--qb_col_msg);
  font-size: 90%;
}

#bt_cad_dbx_content pre{
  padding: 0;
  background: #fff !important;
}

.bt_cad_flexcnt,
.bt_cad_hersteller,
.bt_cad_hersteller_items{
  display: flex;
  flex-wrap: wrap;
}
.bt_cad_flexbox{
  flex-grow: 1;
}
.bt_cad_flexbx1{
    flex: 1;
    padding: 0 30px;
    padding-right: 0;
}
.bt_cad_flexbx1 div.bt_cad_flex_row{
    justify-content: end;
}
.bt_cad_flexbx2{
    flex: inherit;
    width: 100%
}
@media screen and (min-width: 600px) {
  .bt_cad_flexbx2{
    flex: 2;
  }
}

/* Tabs */
.bt_cad_tabs {
  flex-grow: 1;
  margin-bottom: 10px;
}
.bt_cad_tab {
  padding: 10px 20px;
  margin-right: 10px;
  color: var(--qb_col_green);
  background-color: var(--qb_bg_col_grey);
  cursor: pointer;
}
button.bt_cad_tab{
  height: 50px;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (min-width: 600px) {
   button.bt_cad_tab{
       width: initial;
   }
}

button.bt_cad_tab:focus,
button.bt_cad_tab:hover,
button.bt_cad_tab.bt_cad_tab_active{
  color: #fff;
  background-color: var(--qb_bg_col_blue);
}
.bt_cad_tab:last-child {
  margin-right: 0;
}
.bt_cad_tab_content {
  flex: 1;
  padding: 10px;
  border: 1px solid #ddd;
  display: none;
}
.bt_cad_tab_content.bt_cad_tab_active{
  display: block !important;
  overflow: hidden;
}
/*
.bt_cad_tab_content:first-child {
  display: block;
}
*/

button.bt_cad_svg_download_white{
  width: 100%;
}
@media screen and (min-width: 600px) {
   button.bt_cad_svg_download_white{
       width: initial;
   }
}
button#bt_cad_button_table,
button#bt_cad_button_viewer,
button.bt_cad_svg_download_white,
button.bt_cad_svg_download_white:focus,
button.bt_cad_svg_download_white:hover{
  background: var(--qb_col_green);
  color: #fff;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
button#bt_cad_button_table,
button#bt_cad_button_viewer{
  margin-right: 0;
  padding: 15px 20px;
}
button.bt_cad_svg_download_white a{
  color: #fff;
}
.bt_cad_svg_download_white:before{
  width: 25px;
  height: 25px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  content: url('../images/icon-download-white.svg');
}
.bt_cad_svg_download_white{
  padding: 10px 30px;
}
.bt_cad_svg_download_white div{
  display: inline-block;
}
.bt_cad_svg_3d:after{
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  content: url('../images/icon-product.svg');
}
.bt_cad_svg_3d:hover:after,
.bt_cad_svg_3d:focus:after,
.bt_cad_svg_3d.bt_cad_tab_active:after{
  content: url('../images/icon-product-white.svg');
}
.bt_cad_svg_nocad:after{
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  content: url('../images/icon-product-nocad.svg');
}
.bt_cad_svg_nocad:hover:after,
.bt_cad_svg_nocad:focus:after,
.bt_cad_svg_nocad.bt_cad_tab_active:after{
  content: url('../images/icon-product-nocad-white.svg');
}
            /*
.bt_cad_tab.active {
  background-color: #fff;
  background-color: var(--qb_col_blue);
}               */

/* Animation for spinners */
#bt_cad_please_wait{
    flex-grow: 1;
    height: 40px;
}
.bt_cad_spin_text{
    padding-left: 10px;
    padding-top: 3px;
    color: var(--qb_col_green);
}
.bt_cad_spin,
.bt_cad_spin_graphic {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Header */

.bt_cad_row_end{
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 10px;
}
.bt_cad_row_spaceb{
  justify-content: space-between;
}
#bt_cad_header_row2{
  align-items: baseline;
  flex-wrap: wrap;
}
.bt_cad_row_item{
  display: flex;
  flex-basis: auto;
  width: 100%;
  margin-bottom: 10px;
}
#bt_cad_header_row2 .bt_cad_row_item select{                  /* v1.4.2 */
   width: 95%;
   max-width: initial;
}

@media screen and (min-width: 980px) {                    /* v1.4.2 */
   #bt_cad_header_row2 .bt_cad_row_item{
      margin-bottom: 0;
      width: auto;
   }
   #bt_cad_header_row2 .bt_cad_row_item select{
      width: auto;
   }
   #bt_cad_select_produktgruppen{
     max-width: 300px;
   }
   #bt_cad_btn_reset,
   #bt_cad_btn_zurueck{                                                         /* 20250120 */
     justify-content: flex-end;
   }
}

#bt_cad_catalog_ts_input{
  margin-right: 10px;
  width: auto;
}

.bt_cad_headbtn{
  align-items: center;
}
.bt_cad_headbtn,
.bt_cad_sel_country_language{                                                   /* Country + Language Selektion mit Shortcodes */
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 10px;
}
.bt_cad_headbtn h5{
  margin-bottom: 5px;
  margin-right: 15px;
  margin-top: 15px;
}
.bt_cad_btn{
   display: flex;
   align-content: center;
   flex-wrap: wrap;
}
.bt_cad_btn{
   align-content: center;
}
#bt_cad_btn_zurueck .bt_cad_btn{
   width: 100px;
   justify-content: end;
}
.bt_cad_back,
.bt_cad_reset,
.bt_cad_btn input{
/*   height: 46px;   */
   margin-top: 20px;
   margin-right: 40px;
   color: #fff;
   border-radius: 5px;
   background: var(--qb_col_blue);
}
.bt_cad_btn_zurueck .bt_cad_btn input{
  margin-right: 0;
}
.bt_cad_btn_zurueck{
  margin-bottom: 10px;
}
.bt_cad_back,
.bt_cad_reset{
  margin-right: 0;
  padding: 5px 10px;
  hyphens: none;
}
.bt_cad_reset{
    width: 100%;
    max-width: 150px;
}
.bt_cad_sel_country_language div{
  display: flex;
  align-items: end;
}
.bt_cad_sel_country_language div ul{
  margin-left: 10px;
  margin-right: 20px;
}

/* Rubicon Herstellerinfo */
.bt_cad_rhersteller{
  display: flex;
  margin-top: 40px;
  flex-direction: column;
}
#bt_cad_viewer .bt_cad_rhersteller{
  margin-top: 10px;
}
.bt_cad_rhersteller_logo{    /* 20241030
  width: fit-content;                   */
  margin-bottom: 10px;
}
.bt_cad_rhersteller_logo img{         /* 20241030 */
 height:auto;
 max-height: 150px;
}
.bt_cad_rhersteller_country{
  flex-grow: 1;
}
.bt_cad_rhersteller_country table{
  width: inherit;
  border-width: 0;
}
.bt_cad_rhersteller_country table td{
  padding-top: 0;
  padding-left: 0;
  border-width: 0;
}

#bt_cad_download_vdi_cadenas,
#bt_cad_hidden_htmlspace{
  padding-top: 50px;
}
.bt_cad_product #bt_cad_download_vdi_cadenas{
  padding-top: 50px;
}
#bt_cad_download_vdi_cadenas,
#bt_cad_hidden_htmlspace,
#bt_cad_rproduct .bt_cad_vdi_downloads{
  padding-bottom: 30px;
  border-bottom: 2px solid var(--qb_col_green);
}

#bt_cad_rproduct .bt_cad_vdi_downloads{
  margin-top: 60px;
}
.bt_cad_vdi_downloads h4{
  margin-top: 20px;
}
.bt_cad_vdi_downloads h5{
  margin-top: 0;
  font-size: 1.1rem;
}
.bt_cad_download_items img{
  max-height: 100px;
  padding-bottom: 10px;
}
.bt_cad_col_blue{
  color: var(--qb_col_blue) !important;
}

/* AG-Grid

  .ag-theme-quartz {
    --ag-border-radius: 0px;
  }
         */
  #filter-text-box{                                                             /* Suchfeld */
    max-width: 215px;
    margin-bottom: 5px;
  }
/*
 .ag-root-wrapper.ag-layout-normal{
   border-radius: 0;
 }

 .ag-row{
     z-index: 100;
 }
           */
 .ag-horizontal-left-spacer{                                                    /* angepinnte erste Spalte scrollbar unten ausblenden */
   visibility: hidden;
 }
 .ag-body-horizontal-scroll{
   background: #f1f1f1;
 }
 .ag-header {
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-size: 13px;
   margin-bottom: 5px;
 }
 .ag-header-cell-text{
    width: 100%;
    max-width: 1000px;
    overflow: visible;
    text-overflow: unset;
    white-space: break-spaces;
 }
 .ag-column-first{
    position: sticky !important;
    background: #fff;
    z-index: 9;
    left: 0 !important;
 }
 .ag-wrapper .bt_cad_product_tab{
    overflow: unset;
 }

  .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within{
     border-color: #ddd !important;
  }
  .bt_cad_product_ag_visiblerowindex .ag-cell-focus:not(.ag-cell-range-selected):focus-within{
     border-top-color: var(--qb_col_lightblue) !important;
     border-bottom-color: var(--qb_col_lightblue) !important;
  }
  .bt_cad_product_tab_p p{
    margin-bottom: 0.5em;
    text-wrap: initial;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

.bt_cad_uncheck_all{
     margin-top: 10px;
     cursor: pointer;
}