/* Start:/local/components/bquadro/bgraph_fin/templates/.default/style.css?17071261459678*/
#bgraph {  }
#bgraph_selectors { position:relative; margin-bottom:2em;}
#bgraph_selectors label { display:block; font: 500 1em/1.3em 'panton', Arial;  margin-bottom: 1.5em;}

.bgraph_selector {  position: relative; float: left; width:30%; margin-bottom:1em;}
.bgraph_selector label:before{  position: relative; display: inline-block;  left:0; top:0; width: 1.9em;  height:1.9em; background: #474747;  font: normal .86em/2em 'panton', Arial; color:#ffffff; border-radius: 50%; text-align: center;  margin-right: .8em; }
.bgraph_selector label:before  { content: '1'; }
.bgraph_selector select { width: 80%; }

#bgraph_table {   
    margin-bottom: 20px;
    background: #fff;
    font-size: 1em; 
    font-family: 'panton', Arial;
    clear:both; 
    display:none;
    position:relative;
  }

#bgraph_table_head  { float: left; width: 100%; clear:both; }
.bgraph_row  { float: left; width: 100%; clear:both; }
.bgraph_wrap  { padding-left: 180px;height: 100%;  position:relative;}
.bgraph_left {  position:relative; float: left; width: 180px; margin-left: -180px;height:100%; }
.bgraph_right { position:relative; float: left; width: 100%; height:100%; }
.bgraph_col { position:relative; float: left; width: 8.333333333%; height: 4.5em; border-right: 1px solid #f0f0f0;  border-bottom: 1px solid #f0f0f0;  }
.bgraph_col_last { border-right:0px solid #f0f0f0;  }

#bgraph_table_head .bgraph_left  { background: #3f3f3f ; height: 4.5em; }
#bgraph_table_head .bgraph_right  { background: #3f3f3f; height: 4.5em; }
#bgraph_table_head .bgraph_col { border-bottom: 0px solid #f0f0f0; border-right: 1px solid #3f3f3f;  font-size: 1em; padding: 0 .2em;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all  0.2s ease-in;
    -o-transition: all  0.2s ease-in;
    transition: all  0.2s ease-in;
 }
#bgraph_table_head .bgraph_col:hover {  }
#bgraph_table_head .bgraph_col > span { padding: 1em 0px 0px 0px;display:block;  font: normal .86em/1.8em 'panton', Arial;  color: #7c7c7c; }
#bgraph_table_head .bgraph_col > span strong { font-weight:normal;color: #fff;}
#bgraph_table_head .bgraph_col_last { border-right: 0px solid #f0f0f0;  }
#bgraph_table_head .bgraph_text { font: 500 1em/1.1em 'panton', Arial; padding: 1.2em 2em 0px 1.5em; color:#fff; }


@media (max-width: 767px) {
  #bgraph {
    margin-bottom: 1em;
  }
  .bgraph_selector { float: none; width:100%; margin-left:0;}
  .bgraph_selector select { width: auto; }
  #bgraph_table_head .bgraph_col {padding:0; }
  #bgraph_table_head .bgraph_col > span { 
      width: 6em;
      margin-top: 1.6em;
      margin-left: -1.5em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding-top: 0;
    font: normal .7em/1.1em 'panton', Arial;
    }
}


@media (max-width: 479px) {
  #bgraph_selectors label { font: 500 .8em/1.3em 'panton', Arial; }
  #bgraph_table { font-size: 12px;}
}

#bgraph_table_body  {  position:relative;  float: left; width: 100%; clear:both;}

#bgraph_table_layer_empty  { width: 100%; position:absolute; top:0; left:0; height:100%;  z-index:1;  }
#bgraph_table_layer_empty .bgraph_row  {  height:100%; }
#bgraph_table_layer_empty .bgraph_right  {  height:100%; /*background: url(/local/components/bquadro/bgraph_fin/templates/.default/images/graphempty.png) repeat 0% 0%;*/ background: #fffcee; }

#bgraph_table_layer_white  { width: 100%; position:absolute; top:0; left:0; height:100%;  z-index:2;  }
#bgraph_table_layer_white .bgraph_row  {  height:100%; }
#bgraph_table_layer_white .bgraph_right  {  height:100%; }
#bgraph_table_layer_white .bgraph_col_white  {  position:absolute; top:0; left:0;background: #fff; height:100%; }

#bgraph_table_layer_diagramm  {   position:relative; z-index:3;  }
#bgraph_table_layer_diagramm .bgraph_row { height: 4em; }
#bgraph_table_layer_diagramm .bgraph_row:hover { background: #f8f8f8; }
#bgraph_table_layer_diagramm .bgraph_cells { position:absolute;  left:0; top:0; width: 100%; height: 100%;}
#bgraph_table_layer_diagramm .bgraph_text { padding: 0px 1em 0px 1.5em; position:relative;   text-transform: uppercase; }
#bgraph_table_layer_diagramm .bgraph_text .graphtip { z-index: 10; position:absolute; right: 14px; top: 50%; margin-top:-7px; width: 13px; height: 13px; }
#bgraph_table_layer_diagramm .bgraph_text .graphtip .ic { position:absolute; right: 0px; cursor:pointer; width: 13px; height: 13px; background: url(/local/components/bquadro/bgraph_fin/templates/.default/./images/graphtip.png) no-repeat 0% 0%; }
#bgraph_table_layer_diagramm .bgraph_text .graphtip .ic:hover,
#bgraph_table_layer_diagramm .bgraph_text .graphtip.selected .ic {background: url(/local/components/bquadro/bgraph_fin/templates/.default/./images/graphtip.png) no-repeat 0% -13px; }
.graphmsg {position:absolute; left: 37px; top: -20px; width: 20em; }
.graphmsg .tiparr { position:absolute; left: -5px; top: 20px; width: 9px; height:14px; z-index:2; }
.graphmsg div.text {  z-index:1;display:block; left:10px; height:100%; width:100%; background: #fff; border: 1px solid #C5C5C5; padding: 10px 10px;font-size:.86em;  font-family: 'panton';
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all  0.5s ease-in;
  -o-transition: all  0.5s ease-in;
  transition: all  0.5s ease-in;
  }
  
.graphmsg div.text:before { content: ""; width: 14px; height: 14px; transform: rotate(45deg); background: #fff; z-index: 2; top: 26px; margin-top: -7px; left: -4px; position: absolute;  } 
.graphmsg div.text:after { content: ""; width: 10px; height: 10px; transform: rotate(45deg); background: #fff;z-index: 0; top: 26px; margin-top: -5px; left: -5px; position: absolute; box-shadow: -0.866px 0.5px 6px 0px rgba(0, 0, 2, 0.39); } 

  
#bgraph_table_layer_diagramm .bgraph_text .graphmsg div.text a { color: #fbb13d; }
#bgraph_table_layer_diagramm .bgraph_text > span { display: table; height: 4em; }
#bgraph_table_layer_diagramm .bgraph_text > span > span { display: table-row; }
#bgraph_table_layer_diagramm .bgraph_text > span > span > span { display: table-cell; vertical-align: middle; font: bold .7em/1.2em 'panton', Arial; font-weight: 600; color: #000;  }
#bgraph_table_layer_diagramm .bgraph_work { height: 100%;  position:absolute;  left:0; top:1px; width: 100%;}
#bgraph_table_layer_diagramm .bgraph_work_block { position:absolute;  left:0; top:0;  height:100%; background: #f3c368;  border-radius: .3em; 
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all  0.2s ease-in;
    -o-transition: all  0.2s ease-in;
    transition: all  0.2s ease-in;
}
#bgraph_table_layer_diagramm .bgraph_work_block:hover { }
#bgraph_table_layer_diagramm .bgraph_left  { background: #e9e0d4 repeat-y 100% 100%; border-bottom: 1px solid #d4cfc1; }
#bgraph_table_layer_diagramm .bgraph_row:hover .bgraph_left { background-color: #f8f8f8; }
#bgraph_table_layer_diagramm .bgraph_right  { overflow:hidden; }
#bgraph_table_layer_diagramm .bgraph_row_last .bgraph_col { border-bottom: 0px solid #f0f0f0;  }
#bgraph_table_layer_diagramm .bgraph_row_last .bgraph_left { border-bottom: 0px solid #f0f0f0;  }


@media (max-width: 479px) {
  #bgraph_table_layer_diagramm .bgraph_text {
    padding: 0px 1em 0px 1em;
  }
  #bgraph_table_head .bgraph_text {
    padding: 1em 1em 0px 1em;
        font: 400 .8em/1.1em 'panton', Arial;
  }
  .bgraph_left { width: 100px; margin-left: -100px; }
  .bgraph_wrap { padding-left: 100px; }
  #bgraph_table_layer_diagramm .bgraph_text > span {
      height: 3em;
  }
  #bgraph_table_layer_diagramm .bgraph_row {
    height: 3em;
  }
  #bgraph_table_layer_diagramm .bgraph_text  {
          text-transform: none;
  }
  #bgraph_table_head .bgraph_col > span {
    font: normal .6em/1em 'panton', Arial; margin-left: -1.8em; margin-top: 2em;
}
}

.bgraph_selector .chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: none;   
  background-image: none; 
  -webkit-border-radius: 0px;
  -moz-border-radius   : 0px;
  border-radius        : 0px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 0px solid #ede7d5;
  -webkit-border-radius: .4em;
  -moz-border-radius   : .4em;
  border-radius: .4em;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 3.6em;
  line-height: 3.6em;
  padding: 0 0 0 1.5em;
  color: #000;
  text-decoration: none;
  
}

.bgraph_selector .chzn-container-active {
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
}
.bgraph_selector .chzn-container .chzn-drop {
  background: #fff;
  border: none;
  border-top: 0;
  position: absolute;
  top: 3.2em;
  left: 0;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
  z-index: 1010;
}

.bgraph_selector .chzn-container {
  position: relative;
  display: inline-block;
  zoom: 1;
}
.bgraph_selector .chzn-container-single .chzn-single div {
  background: url(/local/components/bquadro/bgraph_fin/templates/.default/./images/dropdown.png) no-repeat 0px 45%;
  width: 12px;
  right: 1.2em;
}
.bgraph_selector .chzn-container-single .chzn-single span {
  margin-right: 3em;
}
.bgraph_selector .chzn-container .chzn-results li {
    line-height: 1.2em;
    padding: .8em 1.5em;
}
#bgraphFullTime { color: #fbb13d; font-family: 'panton', Arial;}
#bgraphEndDate { color: #fbb13d; font-family: 'panton', Arial;}

.graphmsg.work_block { z-index:100; }

@media (max-width: 479px) {
  .graphmsg.work_block { font-size: .5em; }
  }
  
  
/* End */
/* /local/components/bquadro/bgraph_fin/templates/.default/style.css?17071261459678 */