Your IP : 3.133.108.207
/* Summary */
.adm-detail-content-wrap {
margin-bottom: 10px;
}
.stat-item-block-container{
max-width: 1080px;
}
.stat-title {
background: #8ea2ab;
line-height: 48px;
padding: 0 53px 0 17px;
margin-bottom: 10px;
color: #fff;
}
.stat-title-name {
border-bottom: 1px dashed;
}
.stat-title-name:hover {
border-bottom: 1px solid transparent;
}
.stat-title-select {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 5px solid transparent;
border-top: 5px solid rgba(255,255,255,0.8);
border-bottom: none;
margin-left: 7px;
}
.adm-profit-filter {
display: inline-block;
vertical-align: middle;
}
.adm-description {
font-size: 13px;
color: #474c53;
margin: 30px 0 35px;
}
.adm-description .adm-description-title {
font-weight: bold;
float: left;
margin-right: 15px;
}
.adm-description .adm-clarification {
display: block;
overflow: hidden;
}
.adm-profit-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin-bottom: 11px;
}
.adm-profit-title-name {
font-size: 14px;
font-weight: bold;
color: #2579bf;
border-bottom: 1px dashed;
}
.adm-profit-title-name:hover {
border-bottom: 1px solid transparent;
}
.adm-profit-title-name-select {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid #2579bf;
border-bottom: none;
margin-left: 4px;
}
.adm-profit-scale {
font-size: 0;
position: relative;
padding: 0 47px 0 34px;
}
.adm-profit-scale-part {
display: inline-block;
vertical-align: top;
width: 20%;
}
.adm-profit-scale-edge {
top: 0;
height: 40px;
position: absolute;
}
.adm-profit-scale-part-1 .adm-profit-scale-edge {
border-radius: 3px 0 0 3px;
left: 0;
width: 34px;
}
.adm-profit-scale-part-5 .adm-profit-scale-edge {
border-radius: 0 3px 3px 0;
right: 0;
width: 47px;
}
.adm-profit-scale-inner {
height: 40px;
}
.adm-profit-scale-part-1 .adm-profit-scale-inner,
.adm-profit-scale-part-1 .adm-profit-scale-edge {background-color: #eb7c33;}
.adm-profit-scale-part-2 .adm-profit-scale-inner {background-color: #ea9f44;}
.adm-profit-scale-part-3 .adm-profit-scale-inner {background-color: #eccb4b;}
.adm-profit-scale-part-4 .adm-profit-scale-inner {background-color: #a1b640;}
.adm-profit-scale-part-5 .adm-profit-scale-inner,
.adm-profit-scale-part-5 .adm-profit-scale-edge {background-color: #a0caed;}
.adm-profit-scale-title {
color: #a0a2a2;
font-size: 12px;
text-align: center;
padding-top: 5px;
}
.adm-profit-scale-separation {
height: 8px;
top: 15px;
position: absolute;
width: 100%;
left: 0;
}
.adm-profit-scale-num-l {
color: #a85b28;
font-size: 11px;
line-height: 12px;
float: left;
padding: 0 4px 0 14px;
}
.adm-profit-scale-num-r {
color: #7c8993;
font-size: 11px;
line-height: 12px;
float: right;
padding: 0 14px 0 4px;
}
.adm-profit-scale-separation-inner {
background: url(images/adm-scale-sprite.png) repeat-x 0 -69px;
height: 8px;
margin: 2px 46px 0 34px;
position: relative;
}
.adm-profit-scale-value {
background-color: #494f58;
bottom: -15px;
height: 40px;
position: absolute;
width: 1px;
}
.adm-profit-scale-value-num {
/*background: url(/bitrix/images/conversion/adm-profitability-sprite.png) no-repeat 0 0;*/
background: url(/bitrix/images/conversion/adm-scale-sprite.png) no-repeat 0 0;
color: #31353a;
font-size: 22px;
font-weight: bold;
height: 45px;
line-height: 35px;
/*margin: -19px 0 0 -32px;*/
margin: -19px 0 0 -43px;
text-align: center;
text-shadow: 0 1px #fff;
/*padding-right: 10px;*/
/*width: 65px;*/
width: 90px;
}
.adm-profit-scale-shadow {
background-image:
-webkit-linear-gradient(top, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
rgba(255,255,255,0)24px,
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
background-image:
linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
rgba(255,255,255,0)24px,
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
height: 40px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.stat-item-container {
position: relative;
padding: 7px 7px;
border: 1px solid #e0e1e1;
border-radius: 3px;
background: #fff;
margin-top: 15px;
}
.stat-description {
font-size: 16px;
line-height: 22px;
color: #5d6471;
margin-left: 12px;
}
.item-total .stat-item-title {
background: #e8eef0;
color: #000;
}
.item-detailed {
padding-bottom: 23px;
margin: 0 auto 15px;
}
.item-detailed .stat-item-subtitle {
font-size: 15px;
}
.item-detailed .stat-item-equality {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -64px;
width: 64px;
height: 64px;
border: 5px solid #fff;
box-shadow: 0px 1px 57px 3px rgba(0,1,1,0.19);
border-radius: 50%;
background: #788b91;
z-index: 1;
}
.stat-item-equality:before, .stat-item-equality:after {
content: '';
position: absolute;
top: 22px;
right: 0;
left: 0;
margin: auto;
background: #fff;
width: 31px;
height: 7px;
}
.stat-item-equality:after {
top: auto;
bottom: 22px;
}
.stat-item-plus {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -35px;
width: 43px;
height: 43px;
border: 5px solid #fff;
box-shadow: 0px 1px 57px 3px rgba(0,1,1,0.19);
border-radius: 50%;
}
.stat-item-plus:before, .stat-item-plus:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
background: #fff;
width: 5px;
height: 23px;
}
.stat-item-plus:after {
width: 23px;
height: 5px;
}
.stat-item-title {
font-size: 18px;
line-height: 48px;
color: #fff;
padding: 0 17px;
background: #29ace3;
}
.stat-item-title a {
color: #fff;
}
/*.stat-item-title span.stat-item-title-period {*/
/*font-weight: bold;*/
/*}*/
.stat-item-title .stat-item-title-name {
font-size: 16px;
border-bottom: 1px dashed;
margin-left: 5px;
}
.stat-item-title .stat-item-title-name:hover {
border-bottom: 1px solid transparent;
}
.stat-item-title-name-select {
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid #fff;
border-bottom: none;
margin-left: 4px;
opacity: 0.5;
}
.stat-graph-container {
background: #fefefe;
padding: 10px 20px 20px;
}
.stat-graph-title {
font-size: 13px;
line-height: 36px;
font-weight: bold;
color: #000;
display: block;
margin: 0 0 0 10px;
}
.stat-item-title-traffic {
float: right;
font-size: 20px;
color: rgba(255,255,255,0.8);
font-weight: bold;
}
.stat-item-title-traffic span {
font-weight: normal;
font-size: 18px;
vertical-align: top;
display: inline-block;
line-height: 46px;
}
.stat-item {
padding: 15px 0 15px 0;
margin: 0 15px 0 10px;
}
.stat-item-subtitle {
display: block;
font-size: 12px;
font-weight: bold;
color: #000;
text-transform: uppercase;
margin-bottom: 13px;
padding-left: 10px;
}
.stat-item-block {
overflow: hidden;
text-align: center;
}
.stat-item-block-first {
float: left;
width: 290px;
text-align: left;
}
.stat-item-block-conversion {
float: right;
width: 240px;
text-align: right;
margin-top: -15px;
}
.stat-item-block-conversion .stat-item-block-inner {
min-width: 150px;
background: #ebf0f2;
}
.stat-item-block-inner {
text-align: left;
display: inline-block;
}
.stat-item-block-title {
display: block;
font-size: 12px;
line-height: 12px;
color: rgba(0,0,0,0.7);
text-align: left;
padding: 0 10px;
}
.stat-item-block-digit {
display: block;
font-size: 40px;
line-height: 52px;
padding: 0 10px;
}
.stat-item-block-digit span {
font-size: 15px;
text-transform: uppercase;
}
.stat-item-block-conversion .stat-item-block-title {
background: #ced4d6;
line-height: 25px;
font-weight: bold;
color: #000;
}
.stat-item-block-more {
margin-bottom: 20px;
}
.stat-item-block-more .stat-item {
display: none;
}
.stat-item-block-more.more-deployed .stat-item {
display: block;
}
.stat-item-block-more a {
position: relative;
display: block;
font-size: 10px;
height: 28px;
line-height: 28px;
font-weight: bold;
color: #2579bf;
text-transform: uppercase;
}
.stat-item-block-more a span {
position: absolute;
left: 0;
padding-left: 20px;
background: #fff;
padding-right: 15px;
z-index: 1;
}
.stat-item-block-more a span span {
border-bottom: 1px solid;
position: static;
padding: 0;
}
.stat-item-block-more a:hover span span {
border-bottom: 1px solid transparent;
}
.stat-item-block-more a:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
height: 1px;
width: 100%;
background: #eeeff0;
}
.stat-item-block-more.more-deployed a:after {
content: none;
}
.stat-item-block-more .stat-item {
border-top: 1px solid #eeeff1;
}
.stat-item-block-more .stat-item-block-digit {
font-size: 20px;
line-height: 34px;
}
.ab-title-icon {
width: 36px;
height: 36px;
background: url(images/ab-icon.gif) no-repeat 0 0;
display: inline-block;
vertical-align: middle;
}
.ab-test-info {
display: inline-block;
font-size: 14px;
line-height: 36px;
color: rgba(45,50,60,0.7);
padding: 0 15px;
}
.item-test-info {
padding: 17px;
}
.ab-test-info span {
font-size: 15px;
font-weight: bold;
color: #2d323c;
}
.ab-test-info.ab-test-info-right {
float: right;
font-size: 13px;
}
.ab-test-info-btn {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 34px;
text-decoration: none;
padding: 0 18px 0 8px;
background: #838b90;
border: 1px solid #b1b5be;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.5), 0 1px 0 0px rgba(0,0,0,0.15), inset 0 2px 10px 0 rgba(255,255,255,0.5), inset 0 -3px 10px 0px rgba(0,0,0,0.15);
border-radius: 2px;
}
.ab-test-info-btn:hover {
text-decoration: none;
}
.ab-test-info-btn span {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-radius: 50%;
}
.ab-test-info-btn span:before {
content: '';
width: 6px;
height: 6px;
background: #fff;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.ab-item-container .stat-item-container {
display: inline-block;
margin-bottom: 30px;;
}
.ab-item-container .stat-item-container:last-child {
float: right;
}
.ab-letter {
display: inline-block;
vertical-align: middle;
width: 61px;
height: 61px;
text-align: center;
line-height: 61px;
color: #fff;
font-size: 33px;
font-weight: bold;
margin-right: 4px;
}
.ab-letter.ab-letter-a {
background: #33b4ea;
}
.ab-letter.ab-letter-b {
background: #ea9a00;
}
.ab-item {
display: inline-block;
vertical-align: middle;
font-size: 19px;
line-height: 61px;
color: #000;
font-weight: bold;
background: #eef2f4;
padding: 0 44px 0 22px;
}
.ab-item-desc {
position: absolute;
left: 0;
right: 0;
bottom: -30px;
margin: auto;
text-align: center;
}
.ab-item-desc span {
font-weight: bold;
font-size: 14px;
line-height: 25px;
}
.item-conversion-block {
padding: 25px 40px;
text-align: center;
}
.item-conversion-block-title {
font-size: 21px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.item-conversion-block-subtitle {
font-size: 12px;
color: #606060;
text-align: center;
}
.item-conversion-block-subtitle span {
font-style: italic;
color: #929292;
display: block;
}
.item-conversion-graph-block {
background: #fff;
padding: 50px 65px;
text-align: center;
border: 2px solid #ecedee;
margin-top: 25px;
}
.item-conversion-block .adm-btn {
margin: 20px auto 0;
}
.item-conversion-block .stat-item-data {
padding: 5px;
width: 175px;
height: 110px;
margin-top: 40px;
display: inline-block;
}
.item-conversion-block .stat-item-data .stat-item {
margin: 0;
background: #e2ebed;
}
.item-conversion-block .stat-item-data .stat-item-container-title {
background: #e2ebed;
}
.item-conversion-block .stat-item-data .stat-item-container-title-name {
font-size: 12px;
font-weight: bold;
}
.item-conversion-block .stat-item-data .stat-item-block {
position: static;
}
.item-conversion-block .stat-item-data .stat-item-block-digit {
font-size: 52px;
color: #2d323c;
line-height: 48px;
padding: 0;
}
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-digit {
color: #fff;
text-shadow: 0 -2px 2px rgba(65,91,109,0.4);
}
.stat-item-data-container-dynamics .stat-item-block-digit-arrow {
width: 20px;
height: 22px;
background: url(images/adm-ab-sprite.png) no-repeat 0 0;
margin-right: 15px;
}
.stat-item-data-container-dynamics .stat-item-block-fall .stat-item-block-digit-arrow {
background-position: 0 -25px;
}
.stat-item-data-container-dynamics .stat-item-block-incr .stat-item-block-digit-arrow {
background-position: 0 0;
}
.item-conversion-block .stat-item-data .stat-item-block-digit span {
font-size: 35px;
}
.adm-detail-block .adm-detail-toolbar {
margin: 50px 0 35px;
padding: 0 20px;
}
.adm-detail-toolbar-title {
display: block;
font-size: 21px;
font-weight: bold;
color: #000;
line-height: 48px;
}
.adm-detail-toolbar-title span {
display: inline-block;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
color: #606060;
margin-left: 15px;
}
.stat-item-data-container {
padding: 0 40px;
overflow: hidden;
display: inline-block;
width: 49.5%;
box-sizing: border-box;
}
.stat-item-data-container-a {
text-align: left;
}
.stat-item-data-container-b {
text-align: right;
}
.stat-item-data-container-b .stat-item-container-title-letter {
background: #ea9a00;
}
.item-conversion-block .stat-item-data-container {
width: 32%;
padding: 0;
}
.item-conversion-block .stat-item-block-incr .stat-item-container-title {
background: #97c500;
}
.item-conversion-block .stat-item-block-fall .stat-item-container-title {
background: #f13a36;
}
.stat-item-data-container-dynamics .stat-item-container-title-name {
background: rgba(88,102,74,0.4);
box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.23);
}
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-incr .stat-item{
background: #97c500;
}
.item-conversion-block .stat-item-data-container-dynamics .stat-item-block-fall .stat-item{
background: #f13a36;
}
.stat-item-data {
box-shadow: 0 0 1px 0px rgba(0,0,0,0.3);
width: 250px;
height: 160px;
margin: 0 0 32px 0;
display: inline-block;
}
.stat-item-data.stat-item-data-funnel {
height: auto;
width: auto;
}
.stat-item-data.stat-item-data-funnel .stat-item-block.stat-item-block-first {
position: static;
float: none;
margin-bottom: 20px;
}
.stat-item-data-funnel .stat-item {
padding-top: 30px;
text-align: center;
}
.stat-item-container-title-letter {
float: left;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #fff;
background: #33b4ea;
margin-right: 4px;
}
.stat-item-container-title-name {
line-height: 26px;
padding: 0 10px;
display: block;
overflow: hidden;
border-radius: 2px;
font-size: 10px;
font-weight: bold;
color: #fff;
text-shadow: 0px -1px 0px rgba(65,91,109,0.4);
box-shadow: inset 0px -1px 1px 0px rgba(51,55,61,0.44);
text-transform: uppercase;
background: #a4a8ac;
text-align: left;
}
.stat-item-data .stat-item-block.stat-item-block-conversion {
position: absolute;
top: 60px;
left: auto;
right: -18px;
background: #fff;
border-radius: 3px;
padding: 3px;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.29);
width: auto;
}
.stat-item-data .stat-item-block-conversion .stat-item-block-digit {
font-size: 25px;
padding: 0 5px;
line-height: 44px;
}
.stat-item-data .stat-item-block-conversion .stat-item-block-inner {
min-width: 94px;
}
.stat-item-data .stat-item-block-conversion-fall .stat-item-block-inner {
background: #fbd1d0;
}
.stat-item-data .stat-item-block-conversion-incr .stat-item-block-inner {
background: rgba(199,222,107,0.4);
}
.stat-item-data .stat-item-block {
position: absolute;
top: 50px;
left: 0px;
}
.stat-item-data .stat-item-block.stat-item-block-first {
top: auto;
bottom: 0;
}
.stat-item-data .stat-item-block-digit {
font-size: 30px;
color: #2d323c;
line-height: 38px;
}
.stat-item-data .stat-item-block-conversion .stat-item-block-title {
background: rgba(135,84,53,0.12);
}
.stat-item-block-conversion .stat-item-block-digit span {
font-size: 17px;
}
.stat-item-block-digit-arrow {
display: inline-block;
margin-right: 5px;
width: 12px;
height: 14px;
background: url(images/adm-ab-sprite.png) no-repeat 0 14px;
}
.stat-item-block-conversion-fall .stat-item-block-digit-arrow {
background-position: 0 -67px;
}
.stat-item-block-conversion-incr .stat-item-block-digit-arrow {
background-position: 0 -50px;
}
.stat-item-chain {
position: absolute;
left: 0;
right: 0;
bottom: -21px;
margin: auto;
width: 3px;
height: 2px;
background: transparent;
border-top: 3px solid #a4a8ac;
border-bottom: 3px solid #a4a8ac;
}
.stat-item-chain:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: -8px;
margin: auto;
width: 3px;
height: 12px;
background: transparent;
border-top: 3px solid #a4a8ac;
border-bottom: 3px solid #a4a8ac;
}
.stat-item-chain:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: -13px;
margin: auto;
width: 3px;
height: 22px;
background: transparent;
border-top: 3px solid #a4a8ac;
border-bottom: 3px solid #a4a8ac;
}
.stat-btn-panel {
display: block;
background: #fff;
text-align: center;
padding: 25px 20px 5px;
max-width: 1080px;
}
.adm-workarea .stat-btn-panel .adm-btn,
.adm-workarea .stat-btn-panel .adm-btn:active {
padding: 6px 15px 5px 45px !important;
}
.adm-workarea .stat-btn-panel .adm-btn:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 12px;
margin: auto;
width: 9px;
height: 13px;
background: url(images/adm-ab-sprite.png) no-repeat 0 -83px;
}
.adm-workarea .stat-btn-panel .adm-btn:after {
content: '';
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
height: 22px;
background: #cfd5d8;
border-right: 1px solid #fff;
}
.adm-workarea .stat-btn-panel .adm-btn:active:after {
border-right: 1px solid rgba(103,109,123,.78);
}
/* Calc /bitrix/images/conversion/adm-profitability-sprite.png */
.adm-profit-filter {
display: inline-block;
vertical-align: middle;
}
.adm-profit-block {
margin-bottom: 38px;
max-width: 1050px;
}
.adm-profit-title {
color: #000;
font-size: 14px;
font-weight: bold;
margin-bottom: 11px;
}
.adm-profit-title-funnel {
border-bottom: 1px solid #e7e8e9;
margin: 0 59px 0 17px;
padding-bottom: 14px;
}
.adm-profit-scale {
font-size: 0;
position: relative;
padding: 0 47px 0 34px;
}
.adm-profit-scale-part {
display: inline-block;
vertical-align: top;
width: 20%;
}
.adm-profit-scale-edge {
top: 0;
height: 40px;
position: absolute;
}
.adm-profit-scale-part-1 .adm-profit-scale-edge {
border-radius: 3px 0 0 3px;
left: 0;
width: 34px;
}
.adm-profit-scale-part-5 .adm-profit-scale-edge {
border-radius: 0 3px 3px 0;
right: 0;
width: 47px;
}
.adm-profit-scale-inner {
height: 40px;
}
.adm-profit-scale-part-1 .adm-profit-scale-inner,
.adm-profit-scale-part-1 .adm-profit-scale-edge {background-color: #eb7c33;}
.adm-profit-scale-part-2 .adm-profit-scale-inner {background-color: #ea9f44;}
.adm-profit-scale-part-3 .adm-profit-scale-inner {background-color: #eccb4b;}
.adm-profit-scale-part-4 .adm-profit-scale-inner {background-color: #a1b640;}
.adm-profit-scale-part-5 .adm-profit-scale-inner,
.adm-profit-scale-part-5 .adm-profit-scale-edge {background-color: #a0caed;}
.adm-profit-scale-title {
color: #a0a2a2;
font-size: 12px;
text-align: center;
padding-top: 5px;
}
.adm-profit-scale-separation {
height: 8px;
top: 15px;
position: absolute;
width: 100%;
left: 0;
}
.adm-profit-scale-num-l {
color: #a85b28;
font-size: 11px;
line-height: 12px;
float: left;
padding: 0 4px 0 14px;
}
.adm-profit-scale-num-r {
color: #7c8993;
font-size: 11px;
line-height: 12px;
float: right;
padding: 0 14px 0 4px;
}
.adm-profit-scale-separation-inner {
background: url(/bitrix/images/conversion/adm-profitability-sprite.png) repeat-x 0 -69px;
height: 8px;
margin: 2px 46px 0 34px;
position: relative;
}
.adm-profit-scale-shadow {
background-image:
-webkit-linear-gradient(top, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
rgba(255,255,255,0)24px,
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
background-image:
linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(255,255,255,0.15), rgba(255,255,255,0.4)11px, rgba(255,255,255,0)11px,
rgba(255,255,255,0)24px,
rgba(255,255,255,0.06)22px, rgba(255,255,255,0.4) 31px,rgba(255,255,255,0.52) 34px, rgba(255,255,255,0.3)40px);
height: 40px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.adm-profit-indicators-wrap {
font-size: 0;
position: relative;
}
.adm-profit-indicators-item {
display: inline-block;
margin-left: 2%;
vertical-align: top;
width: 32%;
}
.adm-profit-indicators-item:first-child {margin: 0;}
.adm-profit-indicators-block {
border: 5px solid #fff;
box-shadow: 0 0 1px 1px rgba(0,0,0,0.12);
border-radius: 1px;
text-shadow: 0 1px 0 rgba(66,92,108,.41);
height: 151px;
}
.adm-profit-indicators-blue {background-color: #50c1f1;}
.adm-profit-indicators-green {background-color: #98c322;}
.adm-profit-indicators-violet {background-color: #c378c8;}
.adm-profit-indicators-title {
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(51,55,61,0.1);
box-shadow: 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(51,55,61,0.1);
color: #f1f8fc;
font-size: 12px;
font-weight: bold;
height: 26px;
line-height: 26px;
padding-left: 10px;
}
.adm-profit-indicators-blue .adm-profit-indicators-title {background-color: #4dabd8;}
.adm-profit-indicators-violet .adm-profit-indicators-title {background-color: #b66ebb;}
.adm-profit-indicators-green .adm-profit-indicators-title {background-color: #89ad22;}
.adm-profit-indicators-cont {
height: 113px;
text-align: right;
padding: 0 5% 12px;
}
.adm-profit-indicators-alignment {
display: inline-block;
height: 113px;
margin-left: -1px;
vertical-align: bottom;
width: 1px;
}
.adm-profit-indicators-num {
color: #fff;
display: inline-block;
font-size: 45px;
vertical-align: bottom;
width: 100%;
}
.adm-profit-indicators-green .adm-profit-indicators-title {
margin-top: 5px;
}
.adm-profit-indicators-green .adm-profit-indicators-title:first-child {
margin-top: 0;
}
.adm-profit-indicators-green .adm-profit-indicators-cont {
height: 47px;
line-height: 47px;
padding-bottom: 0;
}
.adm-profit-indicators-green .adm-profit-indicators-alignment {height: 47px;}
.adm-profit-indicators-green .adm-profit-indicators-num {font-size: 29px;}
.adm-profit-indicators-line {
background-color: #fff;
height: 5px;
left: 34%;
position: absolute;
top: 78px;
width: 32%;
}
.adm-profit-percent {
background-color: #e8a839;
border-width: 3px;
border-radius: 3px;
height: 49px;
position: absolute;
top: -7px;
text-align: center;
right: 12px;
width: 73px;
}
.adm-profit-percent .adm-profit-indicators-title {
background-color: #cf9735;
font-size: 11px;
height: 19px;
line-height: 19px;
padding: 0;
}
.adm-profit-percent .adm-profit-indicators-cont {
color: #ffffff;
font-size: 19px;
height: 29px;
line-height: 29px;
text-align: center;
text-indent: 5px;
}
/*.adm-profit-percent-symbol {*/
/*font-size: 14px;*/
/*}*/
.adm-profit-indicators-marks-wrap {
top: 59px;
position: absolute;
width: 2%;
}
.adm-profit-indicators-mark-minus {left: 32%;}
.adm-profit-indicators-mark-equal {right: 32%;}
.adm-profit-indicators-marks-inner {
margin-left: -150%;
text-align: center;
width: 400%;
}
.adm-profit-indicators-mark {
background-color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,.29);
border-radius: 50%;
display: inline-block;
height: 42px;
position: relative;
vertical-align: top;
width: 42px;
}
.adm-profit-indicators-mark:before,
.adm-profit-indicators-mark-equal .adm-profit-indicators-mark:after {
background-color: #000;
content: '';
height: 4px;
left: 13px;
position: absolute;
width: 16px;
}
.adm-profit-indicators-mark-minus .adm-profit-indicators-mark:before {top: 19px;}
.adm-profit-indicators-mark-equal .adm-profit-indicators-mark:before {top: 15px;}
.adm-profit-indicators-mark-equal .adm-profit-indicators-mark:after {top: 23px;}
.adm-profit-block-white {
background-color: #ffffff;
border: 1px solid #dfe1e2;
border-radius: 3px;
-webkit-box-shadow: 0 0 0 1px #eff2f2;
box-shadow: 0 0 0 1px #eff2f2;
font-size: 0;
}
.adm-profit-block-part {
color: transparent;
-webkit-box-shadow: 0 0 0 2px;
box-shadow: 0 0 0 2px;
display: inline-block;
vertical-align: top;
padding: 14px 0 20px;
width: 50%;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.adm-profit-block-part-active {
border-radius: 2px;
color: #a4c753;
}
.adm-profit-title-wrap {
margin: 0 11px 4px;
overflow: hidden;
}
.adm-profit-title-calc {
float: left;
}
.adm-profit-calc-toggle {
cursor: pointer;
float: right;
}
.adm-profit-calc-toggle-text {
color: #646c7a;
display: inline-block;
font-size: 12px;
margin-right: 7px;
vertical-align: middle;
}
.adm-profit-calc-toggle-btn {
background-color: #dddfe2;
box-shadow: inset 0 1px 0 rgba(22,50,93,.3);
border-radius: 10px;
display: inline-block;
height: 20px;
vertical-align: middle;
position: relative;
width: 35px;
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.adm-profit-calc-toggle-btn:before {
background-color: #fff;
border-radius: 50%;
box-shadow: 0 1px 0 rgba(22,50,93,.3);
content: '';
height: 16px;
left: 2px;
position: absolute;
top: 2px;
width: 16px;
-webkit-transition: left 0.2s linear;
transition: left 0.2s linear;
}
.adm-profit-calc-toggle-active .adm-profit-calc-toggle-btn {
background-color: #90bf1f;
}
.adm-profit-calc-toggle-active .adm-profit-calc-toggle-btn:before {
left: 17px;
}
.adm-profit-calc-block {
margin: 0 11px;
}
.adm-profit-calc-row {
padding-top: 9px;
position: relative;
white-space: nowrap;
-webkit-transition: height 0.2s linear;
transition: height 0.2s linear;
}
.adm-profit-calc-row:first-child {
padding-top: 0;
}
.adm-profit-calc-cel {
background-color: #e2ebed;
display: inline-block;
margin-left: 2px;
position: relative;
vertical-align: top;
width: 33%;
}
.adm-profit-calc-cel:first-child {
margin-left: 0;
}
.adm-profit-calc-cel-header {
background-color: #aeb6bb;
-webkit-box-shadow: 0 -1px 0 rgba(51, 55, 61, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: 0 -1px 0 rgba(51, 55, 61, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.25);
color: #fff;
font-size: 12px;
font-weight: bold;
height: 26px;
line-height: 26px;
padding-left: 10px;
text-shadow: 0 1px 0 rgba(66, 92, 108, 0.41);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*.adm-profit-calc-cont {*/
.adm-profit-calc-block input {
color: #000;
font-size: 22px !important;
/*height: 44px;*/
/*line-height: 44px;*/
border: none !important;
margin: 5px !important;
/*padding: 10px;*/
text-align: right;
width: 85%;
}
/*.adm-profit-block-part-active .adm-profit-calc-cont-inp {*/
/*color: transparent;*/
/*-webkit-transition: color 0s linear 0.3s;*/
/*transition: color 0s linear 0.3s;*/
/*}*/
.adm-profit-calc-footer {
/* display: block;
margin-left: 0;
width: 100%;*/
height: 0;
overflow: hidden;
-webkit-transition: height 0.2s linear;
transition: height 0.2s linear;
}
.adm-profit-block-part-active .adm-profit-calc-footer {
height: 70px;
}
.adm-profit-calc-footer-inner {
position: relative;
width: 33%;
}
/*input.adm-profit-calc-inp[type="text"] {*/
/*color: #000;*/
/*font-size: 22px !important;*/
/*height: 44px;*/
/*line-height: 44px;*/
/*padding:0 6%;*/
/*text-align: right;*/
/*background-color: #fff;*/
/*border: 1px solid;*/
/*border-color: #99a2ab #a2abb4 #aeb6be;*/
/*border-radius: 2px;*/
/*-webkit-box-shadow: inset 0 1px 0 #d2d9dd, 0 1px 0 rgba(255,255,255,0.35);*/
/*box-shadow: inset 0 1px 0 #d2d9dd, 0 1px 0 rgba(255,255,255,0.35);*/
/*-webkit-box-sizing: border-box;*/
/*-moz-box-sizing: border-box;*/
/*box-sizing: border-box;*/
/*color: #000;*/
/*display: none;*/
/*height: 29px;*/
/*line-height: 28px;*/
/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*margin-left: -1px;*/
/*left: 3%;*/
/*opacity: 0;*/
/*padding: 0 3%;*/
/*position: absolute;*/
/*top: 33px;*/
/*width: 95.5%;*/
/*-webkit-transition: opacity 0.2s linear;*/
/*transition: opacity 0.2s linear;*/
/*text-align: right;*/
/*}*/
/*.adm-profit-block-part-active input.adm-profit-calc-inp[type="text"] {*/
/*opacity: 1;*/
/*display: block;*/
/*}*/
/*.adm-profit-calc-footer-inner input.adm-profit-calc-inp[type="text"] {*/
/*top: 7px;*/
/*}*/
.adm-profit-calc-cel-yellow {
background-color: #f2e783;
}
.adm-profit-calc-cel-yellow .adm-profit-calc-cel-header {
background-color: #d3c866;
}
.adm-profit-calc-cel-red {
background-color: #f6ae94;
}
.adm-profit-calc-cel-red .adm-profit-calc-cel-header {
background-color: #dd967c;
}
.adm-profit-calc-cel-violet {
background-color: #e5a1e3;
}
.adm-profit-calc-cel-violet .adm-profit-calc-cel-header {
background-color: #ce91ce;
}
.adm-profit-calc-tip {
background-color: #f7f9f9;
border-radius: 50%;
cursor: pointer;
height: 18px;
left: 33%;
margin-left: -8px;
position: absolute;
top: 14px;
width: 18px;
}
.adm-profit-calc-row:first-child .adm-profit-calc-tip {
top: 5px;
}
.adm-profit-calc-tip-dot,
.adm-profit-calc-tip:before,
.adm-profit-calc-tip:after {
background-color: #9a9ea3;
content: '';
height: 2px;
left: 8px;
position: absolute;
top: 8px;
width: 2px;
}
.adm-profit-calc-tip:before {left: 5px;}
.adm-profit-calc-tip:after {left: 11px;}
.adm-profit-calc-tip:hover {
background-color: #ffffff;
}
.adm-profit-calc-tip:hover .adm-profit-calc-tip-dot,
.adm-profit-calc-tip:hover .adm-profit-calc-tip:before,
.adm-profit-calc-tip:hover .adm-profit-calc-tip:after {
background-color: #747880;
}
.adm-profit-calc-tip:active,
.adm-profit-calc-tip-active {
background-image: -webkit-linear-gradient(top, #eeeeee, #fefefe);
background-image: linear-gradient(to bottom, #eeeeee, #fefefe);
-webkit-box-shadow: inset 0 1px 0 #d0d0d0, inset 0 1px 1px rgba(0, 0, 0, .16);
box-shadow: inset 0 1px 0 #d0d0d0, inset 0 1px 1px rgba(0, 0, 0, .16);
}
.adm-profit-calc-tip:active .adm-profit-calc-tip-dot,
.adm-profit-calc-tip:active .adm-profit-calc-tip:before,
.adm-profit-calc-tip:active .adm-profit-calc-tip:after
.adm-profit-calc-tip-active .adm-profit-calc-tip-dot,
.adm-profit-calc-tip-active .adm-profit-calc-tip:before,
.adm-profit-calc-tip-active .adm-profit-calc-tip:after {
background-color: #72767e;
}
.adm-profit-funnel-block {
min-height: 330px;
padding-right: 70px;
position: relative;
}
.adm-profit-funnel-arrow {
background-color: #e6e7ea;
-webkit-box-shadow: -1px 0 0 #f0f1f2, 1px 0 0 #f6f7f8;
box-shadow: -1px 0 0 #f0f1f2, 1px 0 0 #f6f7f8;
height: 330px;
position: absolute;
top: 14px;
right: 46px;
width: 4px;
}
.adm-profit-funnel-arrow:before,
.adm-profit-funnel-arrow:after {
background: url(/bitrix/images/conversion/adm-profitability-sprite.png) no-repeat 500px 500px #fff;
content: '';
height: 28px;
left: -15px;
position: absolute;
width: 20px;
}
.adm-profit-funnel-arrow:before {
background-position: 0 -94px;
top: 0;
}
.adm-profit-funnel-arrow:after {
background-position: 0 -139px;
bottom: 0;
}
.adm-profit-funnel-arrow-center {
background: url(/bitrix/images/conversion/adm-profitability-sprite.png) no-repeat no-repeat -46px -94px #fff;
height: 79px;
position: absolute;
top: 72px;
right: -18px;
width: 23px;
}
.adm-profit-error {
border-color: #ff4d4d !important;
-webkit-box-shadow: 0 1px 0 #d2d9dd inset, 0 0 0 1px #ff4d4d !important;
box-shadow: 0 1px 0 #d2d9dd inset, 0 0 0 1px #ff4d4d !important;
background-color: #fff2f2 !important;
}