/* Start:/local/components/sberbankam/fund.graph.new/templates/yield/style.css?156093829620672*/
.pif-table-n-graph h1 {
    text-align: center;
}

.pif_graphic { margin: 0 auto; width: 1200px; }

.amChartsPeriodSelector.amcharts-period-selector-div {
    margin-right: 80px;
}
.amExportButton a {
    padding: 2px !important;
}
.amExportButton ul li:before {
    display: none;
}

div.chartButtonsLine {
    margin: 35px auto 0;
    font-size: 14px;
}
.chartButtonsLine > div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.chartButtonsLine > div.dn-filter {
    display: inline-block;
    vertical-align: middle;
}

.rightBorder {
    height: 100%;
    border-right: 1px solid #ced5d9;
}

.chartButtonsLine .periodSelector {
    font-size: 14px;
}

.chartButtonsLine .periodSelector img {
    position: relative;
    float: left;
    width: 36px;
    height: 36px;
}
.chartButtonsLine .periodSelector > div {
    position: relative;
    padding: 0 10px;
    text-transform: uppercase;
    font: 600 15px/19px 'Open Sans';
}
.periodSelector div.dates {
    color: #1b9617;
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    margin: 0;
}

.periodSelector div.dates > div {
    position: relative;
    float: left;
    font-weight: normal;
}

.periodSelector div.dates:hover {
    color: green;
}

.periodSelector div.dates span.date{
	font-family: 'Open Sans', sans-serif;
    height: 17px;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    font-weight: bold;

}

.pifParams {
    width: 320px;
    padding: 0 10px;
    text-transform: uppercase;
}

.benchmark {
    padding: 0 10px;
    vertical-align: middle;
}

.benchmark > div {
}
.benchmark label { font-size: 0.8em; display: block; margin-left: 35px; line-height: 1; cursor: pointer; }
.benchmark label.checkbox { margin: .35em 0 0 0; }
.downloadItem {
    padding: 0 10px;
}
.downloadItem img {
    cursor: pointer;
    width: 32px;
    height: 32px;
}
.switchToTable img {
    cursor: pointer;
    margin: 2px;
    width: 34px;
    height: 34px;
}

.pifParams .pai_info {
    position: relative;
    float: left;
}
.pifParams p {
    font: 600 15px/19px 'Open Sans';
    color: #000;
    margin: 0;
}
.pifParams p.pai_sum {
    font-weight: normal;
}

.linkDataSwitch {
    padding-left: 20px;
    padding-top: 6px;
}

.chartButtonsLine .zoomInputs {
    position: relative;
    float: left;
}

.zoomButtons .dropdown {
    float: right;
    width: 150px;
    top: -6px;
}
.zoomButtons .dropdown .drop_face {
    height: 50px;
    padding: 14px 40px 14px 20px;
    font-size: 0.8em;
}

.zoomTitle {
    position: relative;
    float: right;
    padding: 7px 10px 7px 10px;
    font-size: 0.8em;
}

.container-class {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
}

#container-big { position: relative;clear: both;
    height: 550px;
    margin: 0 auto 0;
    /*background: url("/img/graphbg.png") 0 0 repeat-x;*/
    background-size: 414px;
    -webkit-background-size: 414px;
    -o-background-size: 414px;
    -moz-background-size: 414px;
}
.container-big-class, .container-bottom-class {
    margin: 25px 0 60px;
    padding: 0 65px;
}

.container-bottom-class {
    text-align: center;
}
    .container-big-class span {
    font-size: 14px;
    margin-left: 5px;
}
#tableContainer {
    position: relative;
    margin: 50px auto 25px;
}
#tableContainer table {
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
}

#tableContainer thead {
    background: #fff;
}

#tableContainer th,
#tableContainer td {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7f0ee;
    text-align: left;
    padding: 0.5em 15px 0.5em 5px;
}

#tableContainer th {
    border-color: #000;
    border-width: 0 0 1px 0;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
}

#tableContainer td {
    border-width: 0 0 1px 0;
}

#tableContainer tr th:first-child,
#tableContainer tr td:first-child {
    border-left: 0;
}

#tableContainer tr th:last-child,
#tableContainer tr td:last-child {
    border-right: 0;
}

#tableContainer tbody tr:hover {
    background: rgba(213, 220, 222, 0.15);
    cursor: pointer;
}

#tableContainer tbody tr:hover .cell-num {
    font-weight: bold;
}

#tableContainer tr:hover .checkbox span {
    background-color: #f8fafa;
}

#tableContainer .sort-btn {
    width: 12px;
    height: 9px;
    background: url(/local/templates/main/css/../img/sprite.png) -22px -423px no-repeat;
    cursor: pointer;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
}

#tableContainer .amount {
    color: #767c82;
    font-weight: 400;
    margin: 0;
}


#tableContainer .sorting-asc .sort-btn {
    display: block;
}
#tableContainer .sorting-desc .sort-btn {
    display: block;
    background-position: -7px -443px;
}





#tableContainer td {
    white-space: nowrap;
    font-size: 14px;
	position: relative;
}

#tableContainer .cell-check {
    width: 2%;
    padding: 0;
}

#tableContainer .cell-pif {
    width: 29.13100436681223%; /* 345 / 1145 */
}

#tableContainer .cell-sum {
    width: 16%;
    text-align: right;
}

#tableContainer .cell-scha {
    width: 11%;
    text-align: right;
}

#tableContainer .cell-period {
    text-align: right;
    width: 9%;
}

#tableContainer .cell-period-1 {
    width: 13%;
}

#tableContainer th.cell-name, #tableContainer td.cell-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 0;
}

#tableContainer .cell-num {
    color: #4b9943;
    text-align: right;
}

#tableContainer .cell-num.cell-negative {
    color: #f84049;
}

#tableContainer .checkbox {
    transform: scale(0.7);
}

#tableContainer .checkbox span {
    margin: 0;
}

.amChartsPeriodSelector {
    display: none !important;
}
.bx-calendar-year-input {
    padding: 2px;
    height: auto;
}


.bottomLine {
    padding-bottom: 80px;
    border-bottom: 1px solid #d5dddf;
}
.bottomLine > div {
    text-align: center;
}

.bottomLine > div a {
    float: none;
    margin: 0;
}

/** Carousel Controls **/

.ajax-pager-prev,.ajax-pager-next { position: absolute; top: 50%; margin-top: -20px; width: 38px; height: 38px; border: 1px solid #d5dddf; font-size: 36px; line-height: 32px; color: #179c0a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
.ajax-pager-prev { left: 110px; }
.ajax-pager-next { right: 110px; }
.ajax-pager:hover span,.ajax-pager:hover span {display: block;}
.ajax-pager-prev.inactive,.ajax-pager-next.inactive {opacity: .5;cursor: default;}

.ajax-pager { position: relative; margin: -1px 0 80px; padding: 30px 0; height: 40px; border: 0 solid #bdcdd4; border-width: 1px 0; }
.ajax-pager-i { position: relative; overflow: hidden; margin: 0 auto; max-width: 420px; width: auto; }
.ajax-pager-i ul {width: 20000em;position: relative;list-style: none;margin: 0;padding: 0;text-align:center;}
.ajax-pager-i li { float: left; margin: 0 !important; }
.ajax-pager-i li:before { display: none; }
.ajax-pager-i b { display: block; margin: 0 10px; width: 40px; height: 40px; line-height: 40px; color: #5c6166; text-align: center; cursor: pointer; }
.ajax-pager-i li:hover b, .ajax-pager-i li.current b { background: #0e9800; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.two_last_rate{
    margin: 30px auto;
    width: 65%;
}

.two_last_rate td{
    padding:10px 30px 0 0;
}

.two_last_rate td.two_last_content{
    text-align:right;
}

.two_last_rate td.two_last_bold{
    font-weight:bold;
}
.post_graph_button {
    display: block;
    margin: 40px 0 80px;
    text-align: center;
}

.brief_information {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    margin-top: 30px;
}

.main-date {
    font-weight: bold;
    text-decoration: underline;
}

.text-graph {
    text-align: center;
    margin: 40px auto 0;
    width: 1100px;
}

.text-graph ul, .text-graph ol {
    font-weight: normal;
    text-transform: none;
    width: 570px;
    margin: 15px auto;
    list-style: none;
    padding: 0;
}


.info.str_data section {
    margin: 93px auto 50px;
}
.text-table {
    text-align: center;
    margin: 0 0 60px;
}

.pai_num_dif .pai_num {
    float: right;
    position: inherit;
    font-size: 26px;
    margin: 0 12px 0 0px;
    padding: 0;
    line-height: inherit;
}
.pai_num_dif .positive:after {
    top: 0px;
    right: 2px;
}
.pai_num_dif .negative:after {
    bottom: 8px;
    right: 2px;
}
.pai_num_dif {
    float: right;
}
.pai_dif {
    text-align: center;
    font-size: 26px;
    margin: 0 7px 0 0;
    display: inline-block;
}
.positive_dif {
    color: #4b9943;
}
.negative_dif {
    color: #eb4b4b;
}
.print {
    margin: 1px 10px 0 0px;
}
.print img {
    width: 29px;
    cursor: pointer;
}
section.pif_graphic .dn-filter {
    display: block;
    margin: 50px 0 0;
    text-align: center;
}
.dn-filter div {
    display: inline-block;
    margin: 0 0 0 40px;
}
.dn-filter .radio {
    margin: 0 10px 0 0;
}
.print-block {
    display: none;
}
.legend {
    text-align: center;
    color: #666;
    display: none;
}
.legend-fund, .legend-benchmark {
    height: 14px;
    width: 14px;
    display: inline-block;
    margin: 0 5px 0 20px;
}
.legend-fund {
    background: #0E9800;
}
.legend-benchmark {
    background: #FF0000;
}
.dropdown.dropdown-std {
    margin: 50px auto 0;
    max-width: 305px;
}

/*Print*/
@media print {
    aside,
        header.main,
        footer.main,
        button,
.main_menu,
.sub_menu,
.special_nav,
.footer_menu,
.grid,
.u_invest,
.post_graph,
.pif_fond,
.bottomLine,
.str_data,
.pif_doc,
.contact_us,
.pre_map,
.bottom_map,
.benchmark.rightBorder,
.zoomButtons,
.downloadItem img,
.print img,
.switch-diag div,
.brief_information,
.pai_and_scha_values,
.dn-filter,
    #all-fund,
    section.pif_graphic .dn-filter,
.dropdown-std,
        div#bx-panel.bx-unselectable
    {
        display: none !important;
    }
    div.switch-diag,
.rightBorder {
        border: 0;
    }
.pif_graphic {
        width: 100%;
    }
    div#container-big .amcharts-chart-div {
        width: 80%;
        margin: 0;
    }
.text-graph, h1 {
        width: 90%;
    }
.print-block {
        display: block;
        margin: 50px 20px;
    }
}

.pif-p .b-little div.fund-manager {
    height: 50%;
    line-height: 100%;
    padding: 28px 20px;
    position: relative;
}

.pif-p .fund-manager .img_wrapper-grid {
    display: inline-block;
    height: 72px;
    margin-right: 15px;
    position: static;
    vertical-align: middle;
    width: 72px;
}

.pif-p .fund-manager .img_wrapper-grid img {
    width: 72px;
}

.pif-p .fund-manager .s-head {
    font-size: 14px;
    display: inline-block;
    margin-top: 0;
    position: static;
    vertical-align: middle;
    width: 64%;
}

.table-usd-passive tr .usd-price-table{display: none;}

/* calendar */
.popup-window .bx-calendar-year-popup {
    font-family: Open Sans;
    text-align: center;
    width: 65px;
}

.popup-window .bx-calendar-month-popup {
    font-family: Open Sans;
    text-align: center;
}

.popup-window .bx-calendar-year-title,
.popup-window .bx-calendar-month-title {
    padding-top: 5px;
}

.popup-window .bx-calendar-year-number,
.popup-window .bx-calendar-month {
    margin: 0 0 2px;
}
/* /calendar */


.dropdown.dropdown-pif-table {
    margin: 0 0 0 -22px;
    display: inline-block;
}

.pif-table-n-graph[data-graph=N] .dropdown.dropdown-pif-table {
    margin-left: 0;
}

.dropdown-pif-table div.drop_face {
    height: 24px;
    padding: 0;
    text-transform: none;
    background: transparent;
    width: auto;
    display: inline-block;
    border-bottom: 1px dashed #4b9943;
    font-size: 14px;
    color: #1c9617;
    border-radius: 0;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.dropdown-pif-table.is-open .drop_face {
    border-width: 0 0 1px 0;
    border-color: transparent;
}

.dropdown-pif-table .drop_arrow {
    margin-top: -2px;
    right: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #4b9943 transparent transparent transparent;
}

.dropdown-pif-table  div.drop_layout {
    top: 100%;
}

.dropdown-pif-table  div.drop_layout section {
    height: auto;
    text-transform: none;
    padding: 10px;
    font-size: 14px;
    line-height: 1;
}

.balloon-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.balloon-left {
    clear: both;
    float: left;
    min-width: 275px;
}

.balloon-right {
    float: right;
}

.icon-halp {
    display: inline-block;
    width: 15px;
    height: 24px;
    line-height: 24px;
    background: url(/local/components/sberbankam/fund.graph.new/templates/yield/images/halp.png) 50% 50% no-repeat;
    vertical-align: top;
    margin-left: 24px;
}

div.graph-container {
    margin-top: 12px;
}

.pif3-head-th {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px!important;
    line-height: 24px!important;
    color: #000;
    text-transform: none!important;
    font-weight: 400!important;
}
#tableContainer th {
    border-color: #e7f0ee!important;
}
.icon-halp {
    display: none;
}
#tableContainer .cell-sum {
    width: 12%!important;
}
.cell-risk {
    width: 52px!important;
    vertical-align: bottom;
}
#tableContainer thead th {
    vertical-align: bottom!important;
}
#tableContainer tbody tr {
    height: 55px;
}
.drop_arrow-green {
    background: url("/local/components/sberbankam/fund.graph.new/templates/yield/images/arrow-down-green.png") no-repeat center;
    width: 7px;
    height: 4px;
    display: inline-block;
    vertical-align: super;
}
#tableContainer tbody .cell-name {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px!important;
    line-height: 25px!important;
    color: #000;
    text-transform: none!important;
    font-weight: 600!important;
    position: relative;
    overflow: visible;
/*
	overflow: hidden;
    text-overflow: ellipsis;
*/
}
#tableContainer .checkbox {
    width: 26px!important;
    height: 26px!important;
    transform: scale(1)!important;
    margin-top: 14px;
}
#tableContainer tbody tr:hover {
    background: #f2f9fc!important;
}
#tableContainer tbody tr:hover .cell-num {
    font-weight: 400!important;
}
.cell-num {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px!important;
    line-height: 22px!important;
    text-transform: none!important;
    font-weight: 400!important;
}
.tbl-grey {
    color: #72818f!important;
}
#tableContainer th, #tableContainer td {
    padding: 0.8em 15px 0.5em 20px!important;
}
#tableContainer .cell-check {
    padding: 0!important;
}
.pif3-color {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-left: 12px!important;
    border-radius: 100%;
}
.pif3-color--green {
	background-color: #7cc750;
}
.pif3-color--orange {
	background-color: #ffaf03;
}
.pif3-color--red {
	background-color: #eb4b4b;
}
.pif3-numb {
	display: none;
	text-decoration: none;
	position: absolute;
	right: auto;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
    padding: 7px 14px;
    margin-left: 13px!important;
	border: 1px solid #bdcdd4;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-weight: 400!important;
	font-size: 14px!important;
	line-height: 25px;
	color: #0e9800;
	letter-spacing: -.4px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.pif3-numb:before {
	content: '';
	position: absolute;
	background: url("/local/components/sberbankam/fund.graph.new/templates/yield/images/bef.png") no-repeat center;
	width: 5px;
	height: 22px;
    left: -5px;
	top: 50%;
	transform: translateY(-50%);
}
.pif3-numb--quantity {
	margin-left: 0!important;
}
.pif3-numb.active {
	display: inline-block;
}
.js-fond-name {
	margin-left: 0!important;
}
.true-name {
	position: relative;
    display: block;
}
/*.true-name:after {
	content: '';
	position: absolute;
	right: -3px;
	top: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 89%,rgba(255,255,255,1) 100%);
}*/
.true-name.hovered:after {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(242,249,252,1) 89%,rgba(242,249,252,1) 100%);
}
#tableContainer tbody tr:hover .true-name:after {
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(242,249,252,1) 89%,rgba(242,249,252,1) 100%);
}
.graph-dynamic {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
}
.calendar-img {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(/local/templates/main/img/calendar.svg) no-repeat;
	margin-right: 7px;
}

.dates:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4.5px 0 4.5px;
	border-color: #1b9617 transparent transparent transparent;
    right: -16px;
    top: 4px;
    pointer-events: none;
}
#container-big {
    height: 300px;
    background-size: 300px;
    -webkit-background-size: 4300px;
    -o-background-size: 300px;
    -moz-background-size: 300px;
}
.pif1-advantage__number {
    padding-top: 4px!important;
}
.calculator .calc_num {
line-height: 30px!important;
}
.pif2-select-2 {
    max-width: 430px!important;
}
.percent_radios {
    font-family: "Open Sans", sans-serif;
}
#tableContainer .cell-period {
    width: 8.6%!important;
}

.pif-links {
    margin: 60px 110px;
    text-align: center;
}

.pif-links a {
    margin: 0 9px;
}

.green-border-button {
    display: inline-block;
    font: normal 18px/18px 'Open Sans';
    padding: 18px 22px;
    line-height: 1!important;
    border: 1px solid #0e9800;
    border-radius: 3px;
    outline: 0;
    margin: 0 9px;
    color: #0e9800;
    background: #ffffff;
    /*background: rgba(255, 255, 255, 0.5);*/
    transition: background-color 0.4s linear;
}

div#graph-legend svg {
    position: relative !important;
}


.pif-dinamic-price__per {
	width: 100%;
}

.pif-dinamic-price__dinamics {
	margin-bottom: 18px;
}

.pif-dinamic-price__per-line {
        display: flex;
        justify-content: space-between;
	background-color: #eff7f8;
	border-radius: 20px;
}

.pif-dinamic-price__per-line:not(:last-child) {
	margin-bottom: 20px;
}

.pif-dinamic-price__per-item {
        flex-grow: 1;
        display: inline-block;
	font-size: 18px;
	line-height: 28px;
        padding: 5px 10px 4px;
        color: #4b4b4b;
	letter-spacing: -0.025em;
	border-radius: 20px;
	border: 2px solid transparent;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-align: center;
}

.pif-dinamic-price__per-item:hover {
	border: 2px solid #e5e8eb;
}

.pif-dinamic-price__per-item.active {
	background-color: #369a1e;
	border: 2px solid #369a1e;
        box-shadow: 0px 3px 7px 0px rgba(43, 103, 28, 0.35);
	color: #fff;
}

.pif-dinamic-price__per-item.active:hover {
    pointer-events: none!important;
    cursor: default!important;
}

.pif-dinamic-price__per-line .pif-dinamic-price__per-item {
	font-size: 18px;
}

.container-big-class.chartButtonsLine .pif-dinamic-price__dinamics {
    width: calc(100% - 290px);
}

#pif-tab-3 #graph-legend {
	height: auto!important;
}

.balloon-title {
    min-width: 380px;
}

.balloon-title {
    display: flex;
    align-items: center;
}

.balloon-bullet {
    margin-right: 5px;
    flex-shrink: 0;
}

@media (max-width: 1280px) {
	#pif-tab-3 #graph-legend {
    margin-left: 0!important;
    margin-bottom: 15px;
    padding: 0 15px!important;
	}
}

@media (max-width: 1100px) {

	.container-big-class.chartButtonsLine .pif-dinamic-price__dinamics {
	    width: 100%!important;
		margin-top: 15px;
	}
}
@media (max-width: 991px) {

	.fundall .chartButtonsLine {
	    flex-wrap: wrap;
	}

    #pif-tab-3 .container {
        max-width: 100%;
    }

}

@media (max-width: 768px) {

	.pif-dinamic-price__dinamics .pif-dinamic-price__per-item {
	    margin-left: 0!important;
	    width: 100%;
	}

	.pif-dinamic-price__per-line {
	    flex-wrap: wrap;
	}

  .cell-num {
      font-size: 14px!important;
  }

  .green-border-button {
      font-size: 14px;
      line-height: 1;
  }

	.fundall #pif-tab-3 .container-big-class span {
	  margin-left: 0!important;
	}

	.fundall #pif-tab-3 #container-big {
	  padding: 0 5px;
	}

	.balloon-title {
	  white-space: normal!important;
	}

}

@media (max-width: 543px) {
	.legend-item {
	   width: 100%;
	}

	.balloon-title {
	  min-width: 100%;
	}

	.highcharts-label.highcharts-tooltip > span {
		width: 260px!important;
	}

	.fundall .dropdown-std .drop_face {
	  padding: 0!important;
	}
}


/* End */


/* Start:/local/templates/main/components/bitrix/main.calendar/my_onclick/style.css?1550741912124*/
.bx-calendar-year-popup{
    margin-top: 0;
    overflow: hidden;
    overflow-y: auto;
    height: 15em;
    width: 56px;
}
/* End */


/* Start:/local/templates/main/css/pif_graph.css?15929895116630*/
/*Highcharts NEW*/

.new-graph .pai_num_dif .pai_dif:before {
    background: none!important;
}
.highcharts-container:before{
    display: none!important;
}
.highcharts-navigator-mask-outside {
    fill: rgba(174, 208, 255, 0.1);
}
.highcharts-navigator-mask-inside {
    fill: rgba(174, 208, 255, 0.3);
}
.highcharts-legend-item {
    font-family: 'Open Sans';
}
.highcharts-legend-item * {
    font-family: 'Open Sans';
}
.benchmark .checkbox input[type="checkbox"] + span {
    background: url("/local/templates/main/img/checkbox/checkbox_unchecked_passive.svg") no-repeat center;
    background-position: 0 0;
}
.benchmark .checkbox input[type="checkbox"]:checked + span {
    background: url("/local/templates/main/img/checkbox/checkbox_checked_active.svg") no-repeat center;
    background-position: 0 0;
}
.benchmark .checkbox:hover input[type="checkbox"] + span {
    background: url("/local/templates/main/img/checkbox/checkbox_checked_passive.svg") no-repeat center;
    background-position: 0 0;
}
.benchmark .checkbox:hover input[type="checkbox"]:checked + span {
    background: url("/local/templates/main/img/checkbox/checkbox_checked_active.svg") no-repeat center;
    background-position: 0 0;
}
#graph-legend {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
.legend-item {
    position: relative;
    font-size: 14px;
    color: #000;
    font-family: "Open Sans";
    padding-left: 25px;
    pointer-events: none;
}
.legend-item:not(:last-child) {
    margin-right: 30px;
}
.legend-item span {
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 18px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.legend-bench,.legend-scha, .legend-usd {
    display: none;
}
.tooltip-name,
.tooltip-date,
.tooltip-doh {
    display: block;
    text-align: center;
    font-size: 11px!important;
    font-family: "Verdana"!important;
}
.tooltip-name {
    color: #000!important;
    font-weight: 700;
    margin-bottom: 7px;
    width: 290px;
    white-space: normal;
}
.tooltip-date {
    margin-bottom: 7px;
}
.tooltip-doh {
    font-weight: 700;
}
.fund-graph-legend {
    padding: 7px 0;
}
.highcharts-tooltip-header {
    display: none;
}
.highcharts-tooltip-box .highcharts-label-box {
  transform: scaleY(.96);
}
.circle-graph .highcharts-container > span[visibility="visible"] {
    height: 130px;
    display: flex;
    align-items: center;
    margin-top: -20px!important;
}
@media screen and (max-width: 1200px) {
    .tooltip-name {
        width: 200px;
    }
}
@media screen and (max-width: 620px) {
    .tooltip-name {
        width: 150px;
    }
    .tooltip-name,
    .tooltip-date,
    .tooltip-doh {
        font-size: 11px!important;
    }
}
@media screen and (max-width: 543px) {
    .new-graph .iis-hint:after {
      left: 75%;
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
}
@media screen and (max-width: 450px) {
    .tooltip-name {
        width: 120px;
    }
}
@media screen and (max-width: 390px) {
    .tooltip-name {
        width: 85px;
    }
}
@media print {
    .highcharts-container {
        width: 100%!important;
    }
}

/*END Highcharts NEW*/

/*CIRCLE DIAGRAMM*/
.circle-graph {
    margin-bottom: 0;
}

.circle-graph.structure-wrapper {
    padding: 27px 15px 0 15px;
}

.circle-graph {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.circle-graph .pif-detail-stucture-title {
    width: 100%;
    display: block;
}

.circle-graph .high-wrapper {
    flex-shrink: 0;
    width: 50%;
}

.struct_title {
    font-family: "Open Sans" !important;
}

.circle-graph .highcharts-pie-series,
.circle-graph .highcharts-pie-series span {
    font-family: "Open Sans" !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2;
}

.circle-graph .highcharts-legend-title,
.circle-graph .highcharts-legend-title span {
    font-family: "Open Sans" !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1;
}

.circle-graph .highcharts-legend-title span {
    font-size: 18px !important;
    padding-bottom: 30px;
}

.struct_title_percent {
    font-size: 24px !important;
    font-weight: 700 !important;
}

.struct_title_name {
    font-size: 14px !important;
    font-weight: 600 !important;
}

.circle-graph__wrapper .pif-detail-stucture-title {
    margin-bottom: 33px;
    margin-top: 0;
}

.pif-detail-stucture-title {
    font-size: 18px;
}

.pif-detail-stucture-title .underline-dashed {
    font-weight: 400;
}

.circle-graph__wrapper {
    margin: 0;
}

.circle-graph .struct-chart-tabs {
    display: none;
    width: 100%;
    margin-bottom: 10px;
}

.structure-wrapper {
	overflow: hidden;
    background-color: #fff;
    border-radius: 2px;
    padding: 25px 30px;
}

.circle-graph__wrapper .highcharts-root,
.circle-graph__wrapper .highcharts-container {
    overflow: visible!important;
}

.new-graph .drop_layout section a {
    padding: 14px 25px 19px 15px;
}

.new-graph .dropdown .drop_layout section {
    padding: 0!important;
}

@media screen and (max-width: 1280px) {
    .circle-graph .high-wrapper {
        width: 600px;
    }

    .circle-graph.structure-wrapper {
        padding: 20px 15px 0 15px;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .circle-graph__wrapper .pif-detail-stucture-title {
        margin-bottom: 25px;
    }

    .circle-graph .high-wrapper {
        width: 50%;
    }

    .circle-graph .highcharts-container,
    .circle-graph .highcharts-container .highcharts-root {
        overflow: visible !important;
    }

    .circle-graph .struct_title {
        display: none;
    }

    .circle-graph .highcharts-container {
        margin-left: -15px;
    }

    .circle-graph .highcharts-series-group {
        display: none;
    }

    .circle-graph__wrapper {
        padding: 0;
    }
}

@media screen and (max-width: 630px) {
    .circle-graph .high-wrapper {
        width: 100%;
    }

    .circle-graph .struct-chart-tabs {
        display: flex;
    }

    .circle-graph .high-wrapper {
        width: 100%;
        display: none;
    }

    .circle-graph .high-wrapper.active {
        display: block;
    }

    .highcharts-legend-title {
            display: none!important;
    }
}

@media print {
    .circle-graph__wrapper {display: none;}
}


/*END CIRCLE DIAGRAMM*/




/* End */
/* /local/components/sberbankam/fund.graph.new/templates/yield/style.css?156093829620672 */
/* /local/templates/main/components/bitrix/main.calendar/my_onclick/style.css?1550741912124 */
/* /local/templates/main/css/pif_graph.css?15929895116630 */