| Current Path : /var/www/homesaver/www/bitrix/js/catalog/store-chart/dist/ |
| Current File : /var/www/homesaver/www/bitrix/js/catalog/store-chart/dist/store-chart.bundle.css |
.stacked-bar-chart-popup {
/*position: absolute;*/
display: inline-block;
top: 350px;
padding: 15px 16px 1px 13px;
min-width: 157px;
border-left: 3px solid transparent;
background: #fff;
-webkit-box-shadow: 0 6px 21px 0 rgba(83,92,105,.15);
box-shadow: 0 6px 21px 0 rgba(83,92,105,.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.stacked-bar-chart-popup-info-multiple {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.stacked-bar-chart-popup-info-multiple .stacked-bar-chart-popup-info-item:first-child {
border-right: 1px solid rgba(224,224,224,.6);
margin: 0 15px 0 0;
padding: 0 15px 0 0;
}
.stacked-bar-chart-popup-head {}
.stacked-bar-chart-popup-title {
display: block;
margin: 0 0 17px 0;
padding: 0 0 12px 0;
border-bottom: 1px solid rgba(130,139,149,.19);
font: 13px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #333;
}
.stacked-bar-chart-popup-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.stacked-bar-chart-popup-info-subtitle {
display: block;
margin: 0 0 2px 0;
font: 11px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #A8ADB4;
opacity: .84;
}
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-subtitle {
font: 11px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}
.stacked-bar-chart-popup-main {}
.stacked-bar-chart-popup-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.stacked-bar-chart-popup-content,
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info {
margin: 0 0 18px 0;
}
.stacked-bar-chart-popup-value {
font: 20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.stacked-bar-chart-popup-value-grey {
color: #828B95;
}
.stacked-bar-chart-popup-value-black {
color: #333;
}
.stacked-bar-chart-popup-arrow-right {
margin: 0 7px 0 11px;
color: #A8ADB4;
}
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-price,
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-value-box {
margin: 0 30px 0 0;
font: 20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-value-box {
margin: 0;
}
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-price .stacked-bar-chart-popup-info-symbol,
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-value-box .stacked-bar-chart-popup-info-symbol {
font: 18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-percent {
font: 21px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.stacked-bar-chart-popup-main .stacked-bar-chart-popup-info-percent .stacked-bar-chart-popup-info-symbol {
font: 15px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
}
.store-chart-linear-graph-balloon-wrapper {
display: inline-block;
top: 350px;
padding: 15px 16px 0 13px;
min-width: 157px;
border-left: 3px solid #F7CC00;
background: #fff;
-webkit-box-shadow: 0 6px 21px 0 rgba(83,92,105,.15);
box-shadow: 0 6px 21px 0 rgba(83,92,105,.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.store-chart-linear-graph-balloon-title {
display: block;
margin: 0 0 17px 0;
padding: 0 0 12px 0;
border-bottom: 1px solid rgba(130,139,149,.19);
font: 13px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-semi-bold, 600);
color: #333;
}
.store-chart-linear-graph-balloon-subtitle {
display: block;
margin: 0 0 2px 0;
font: 11px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
color: #A8ADB4;
opacity: .84;
}
.store-chart-linear-graph-balloon-main {}
.store-chart-linear-graph-balloon-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0 18px 0;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.store-chart-linear-graph-balloon-modal {
display: inline-block;
top: 350px;
padding: 15px 16px 0 13px;
min-width: 157px;
border-left: 3px solid transparent;
background: #fff;
-webkit-box-shadow: 0 6px 21px 0 rgba(83,92,105,.15);
box-shadow: 0 6px 21px 0 rgba(83,92,105,.15);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.store-chart-linear-graph-balloon-modal-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 0 18px 0;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.store-chart-linear-graph-balloon-modal-value {
font: 20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
font-weight: var(--ui-font-weight-regular, 400);
color: #333;
}
.how-it-works-guide-link {
float: right;
height: 20px;
margin-left: 30px;
font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
font-size: 14px;
color: #80868e;
line-height: 24px;
border-bottom: 1px dashed rgba(130, 139, 149, .4);
border-top: 1px solid transparent;
cursor: pointer;
margin-right: 20px;
white-space: nowrap;
}
.how-it-works-guide-link:after {
content: '';
display: inline-block;
vertical-align: middle;
margin: 0 -20px 0 5px;
width: 14px;
height: 14px;
background: rgba(177, 183, 197, .74) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%224%22%20height%3D%229%22%20viewBox%3D%220%200%204%209%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.29402252%2C2.84923094%20L2.294%2C2.85%20L2.92728351%2C2.85086719%20L2.927%2C7.166%20L3.90606431%2C7.1669153%20L3.90606431%2C8.02772537%20L2.08277839e-13%2C8.02772537%20L2.08277839e-13%2C7.1669153%20L1.147%2C7.166%20L1.147%2C3.723%20L2.08277839e-13%2C3.72367505%20L2.08277839e-13%2C2.84923094%20L2.29402252%2C2.84923094%20Z%20M1.94965327%2C2.48689958e-14%20C2.4917637%2C2.48689958e-14%202.93123103%2C0.435246983%202.93123103%2C0.972151347%20C2.93123103%2C1.50905571%202.4917637%2C1.94430269%201.94965327%2C1.94430269%20C1.40754283%2C1.94430269%200.968075498%2C1.50905571%200.968075498%2C0.972151347%20C0.968075498%2C0.435246983%201.40754283%2C2.48689958e-14%201.94965327%2C2.48689958e-14%20Z%22/%3E%3C/svg%3E') center center no-repeat;
border-radius: 100%;
}
.how-it-works-guide-link:hover:after {
background-color: rgba(177, 183, 197, .9);
}
.how-it-works-guide-link:hover {
border-bottom: 1px dashed rgba(130, 139, 149, .7);
}